私は最近、例えばこのウェブサイトのように、非常に滑らかな見出しを持つ多くのウェブページを見ました: http://boagworld.com/
彼らはどうやってそれをやろうとしているのでしょうか? 隠された手がかりはありますか?
ある時点で、Flash (と思う) を使用してカスタム フォントを Web サイトに埋め込み、通常の見出しをこの Flash 代替物に置き換えるという手法について聞いたことがあります。
フラッシュ以外にどのような方法がありますか?
私は最近、例えばこのウェブサイトのように、非常に滑らかな見出しを持つ多くのウェブページを見ました: http://boagworld.com/
彼らはどうやってそれをやろうとしているのでしょうか? 隠された手がかりはありますか?
ある時点で、Flash (と思う) を使用してカスタム フォントを Web サイトに埋め込み、通常の見出しをこの Flash 代替物に置き換えるという手法について聞いたことがあります。
フラッシュ以外にどのような方法がありますか?
画像をテキストの置換として使用したくないと仮定すると、非常に目立たない方法でフォントの強調を適応させるいくつかの手法があります。
@font-face
に直接埋め込むttf
otf
個人的には、あまり知られていないフォントと適切なフォールバックを組み合わせて Web セーフ フォントを使用するのが好きです。
画像置換や sIFR を使用したくないが、カスタム フォントが必要な場合は、TypeKit - http://typekit.com/をご覧ください。font-family を使用してスタイル シートからカスタム フォント (ライセンスを取得したもの) を直接呼び出すことができ、ページに埋め込まれた JavaScript を使用してサーバーからフォントを提供できます。私は現在、プロジェクトで彼らのサービスを使用していますが、これまでのところうまく機能しているようです。利用可能なフォントの巨大なライブラリはまだありませんが、Arial、Verdana、Georgia、Times New Roman よりも大きいです。
特定のものの CSS 背景として画像を使用しているだけです。この場合は次のとおりです。
http://boagworld.com/wp-content/themes/BoagworldV2/images/logo.gif
次のようないくつかの画像と css を使用して、好きなことを行うことができます。
#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; }
これにはcufónをお勧めします。これは非 Flash (JavaScript) であり、セットアップが非常に簡単で、適切に機能を低下させます。