多くの人気のあるフォントは、 http： //webfonts.fonts.com/からのみWebで使用できるようです。
ただし、それは非常に奇妙な方法で機能します。直接のフォントURLを提供するのではなく、フォントファイルを参照するCSSファイルを提供します。CSSのフォントURLは、不正使用を防ぐために、おそらく一時的なものであり、時間の経過とともに変化すると思います。したがって、CSSを使用する必要があり、フォントファイルのURLを直接組み込むことはできません（私が知る限り）。
次に、CSSは私が思っているものではありません。（簡略化）ではなく：
@font-face {
font-family: "Foo";
font-weight: bold;
src: url("foo-bold-variant.ttf");
}
@font-face {
font-family: "Foo";
font-weight: normal;
src: url("foo-normal-variant.ttf");
}
それは：
@font-face {
font-family: "Foo Bold";
src: url("foo-bold-variant.ttf");
}
@font-face {
font-family: "Foo Normal";
src: url("foo-normal-variant.ttf");
}
結果として、これを行うことはできません。
body {
font-family: "Foo", sans-serif;
}
代わりに、使用する場所はどこでもfont-weight: bold、に変更する必要がありfont-family: "Foo Bold"ます。さらに、CSSルールを追加して、などのファミリを変更する必要があると思います<strong>。例として太字を使用していますが、font-styleに加えて同じ問題が発生しfont-weightます。
彼らはこれをiOSのバグの回避策として説明しています（「これは機能です！」）： http： //blog.fonts.com/2010/09/23/getting-web-fonts-to-look-fantastic-on-iphone -および-ipad-devices/
しかし、そのバグはiOS 4.2で修正されています：http： //blog.typekit.com/2010/12/06/updates-to-typekits-mobile-support/
この設定では、何かが足りない場合を除いてfont-weight、fonts.comのアプローチではCSSプロパティfont-weightとfont-styleCSSプロパティが完全に破壊されるため、使用しようとするサードパーティのCSSやスクリプトを使用できませんでした。font-weightを使用する代わりに、「mybold」などのカスタムCSSクラスを作成して、font-familyを「FooBold」に設定する必要があります。つまり、標準のCSSを破ります。（私は何が欠けていますか？）
多分彼らはこれをいつか修正するでしょう。しかし、その間に、誰もが正しい回避策を考えることができますか？「FooBold」などの観点から家族「Foo」を定義する方法はありません。@font-face定義はありますか？クレイジーなJavaScriptを作成して、CSSからその場でURLを抽出し、自分の@ font-faceを動的に定義しますか？
（「別のサービスで別のフォントを使用する」は答えとしてカウントされません;-)はい、私はそれを考えましたが、何らかの方法でCSSを微調整することによってwebfonts.fonts.comを「修正」する方法があるかどうか疑問に思います私自身のCSSルールまたはJavaScript。）