3 フォントフェイスにttf、eot、woff、svgなどを含める必要があるのはなぜですか ではCSS3 font-face、同様に含まれる複数のフォントの種類があるttf、eot、woff、svgとはcff。 これらのタイプをすべて使用する必要があるのはなぜですか？ それらが異なるブラウザーに特別である場合、それらの数が主要なWebブラウザーの数より多いのはなぜですか？ 299 css font-face webfonts
3 Google Web Fontsのリンクまたはインポートを含めますか？ Google Web Fontsをページに含める好ましい方法は何ですか？ リンクタグ経由？ <link href = 'http：//fonts.googleapis.com/css？family = Judson：400,400italic、700' rel = 'stylesheet' type = 'text / css'> スタイルシートのインポートを介して？ @import url（http://fonts.googleapis.com/css?family=Kameron:400,700）; またはWebフォントローダーを使用する https://developers.google.com/webfonts/docs/webfont_loader 188 fonts webfonts google-webfonts
6 HTMLサイトにカスタムフォントをインストールする方法 私はフラッシュやphpを使用していません-シンプルなHTMLレイアウトにカスタムフォントを追加するように求められました。「KGジューンバグ」 ローカルでダウンロードしました-これを達成するための簡単なCSSトリックはありますか？ 153 html css fonts webfonts
8 素晴らしいフォントにカスタムアイコンを追加する Font Awesomeアイコンフォントが大好きで、サイトのほとんどのアイコンに使用したいのですが、提供されているものに加えて、必要なカスタムsvgアイコンがいくつかあります。 Font Awesomeの.svgバージョンは、主に次の<glyph />要素で構成されていることに気付きました。 ... <glyph unicode="&#xf0b2;" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 -57v-477q0 -51 -24.5 … 138 svg webfonts font-awesome
8 FirefoxとOperaでのWebフォントのスムージングとアンチエイリアス 私のサイトではカスタムメイドのWebフォントを使用しています。レンダリング出力のスタイルを設定するために、次のコードを使用しました。 //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; これはSafariとChromeで正常に動作します（エッジがシャープになり、線が細くなります）。FirefoxとOperaに同じスタイルを実装する方法はありますか？ 112 css fonts webfonts antialiasing
11 合法的にウェブフォントを使用するには？[閉まっている] 閉まっている。この質問はトピックから外れています。現在、回答を受け付けていません。 この質問を改善してみませんか？ Stack Overflowのトピックとなるように質問を更新します。 7年前休業。 この質問を改善する Webフォントに適用される法律について少し混乱しています。Arial、Times Romans、Georgiaなどのフォントを使用しても問題ないことはわかっています。他の商用フォントを使用することは違法だと思います。フリーフォントを提供しているウェブサイトはありますか？ある場合。 フリーフォントの作成者に言及せずに、またはダウンロードしたページにリンクせずに直接使用できますか？または私はする必要がありますか？ デジタル形式でフォントを再配布することが許可されていない場合、どのようにWebでフォントを使用できますか？ 108 webfonts
6 Webフォントまたはローカルに読み込まれたフォント？ Cufonを使用してトラブルが発生して以来、外部のフォントリソースを使用することはしませんでしたが、最近では、フォントをロードする別の方法を探して、より良い方法があるかどうかを確認しています。優れたメソッドには、突然に現れる方法があります。 多くの新しいメソッドがあり、メソッドごとにバリエーションがあるようです。タイプキットを使用する必要がありますか？またはgoogle webfonts（jsまたはcssを使用）？ローカルでロードするフォント（fontsquirrel.comで生成されたメソッドなど）を引き続き使用する必要がありますか？ いくつかのテストを行い、最もよく受け入れられていると思われるメソッドを以下にリストしますが、Webフォントに移行する価値はありますか？リソースの負荷（http要求）が多く、ファイル形式の種類が少ない（互換性が低い）などのようですが、ほとんどの場合、ファイルは非同期で効率的に読み込まれるように見えます。 それは単に状況と必要性の問題ですか？もしそうなら、それらは何ですか？ これらの方法には大きな違いがありますか？ 私がリストしていないより良い方法はありますか？ パフォーマンスのプロ/コンは何ですか？見て？依存関係？互換性？ 私はここでベストプラクティスを本当に探しています。パフォーマンスは重要ですが、スケーラビリティと使いやすさも重要です。言うまでもなく、ルックアンドフィール。 Google CSS 外部スタイルシートのみを使用 互換性のある最小のファイルタイプのみを使用 は、styleshee（）のコンテンツを使用@importまたは<link>取得@font-faceして、独自のスタイルシートに直接配置できます。 試験結果 78ms load of html 36ms load of css Google JSメソッド webfont.jsスタイルセットの読み込みに使用します 互換性のある最小のファイルタイプのみを使用 :rootクラスに要素を追加します 頭にスクリプトを追加します。 試験結果 171ms load of html 176ms load of js 32ms load of css Typekitメソッド :root要素をクラスに追加します。 *.jsスニペットまたは外部から読み込まれたファイル*.jsfileを使用できます data:font/opentypeフォントファイルの代わりに使用します。 頭にスクリプトを追加 埋め込みcssをヘッドに追加します 外部スタイルシートをヘッドに追加します typekit.comからフォントとターゲットセレクタを簡単に追加/削除/調整できます … 98 javascript css fonts webfonts