私は、Webページにフォントを埋め込むための適切な解決策(特にSEO側から)を見つけようとしています。これまでのところ、Firefoxでも動作しないW3Cソリューションと、このかなりクールなソリューションを見てきました。2番目の解決策は、タイトルのみです。全文に利用できる解決策はありますか?Webページの標準フォントにうんざりしています。
ありがとう!
私は、Webページにフォントを埋め込むための適切な解決策(特にSEO側から)を見つけようとしています。これまでのところ、Firefoxでも動作しないW3Cソリューションと、このかなりクールなソリューションを見てきました。2番目の解決策は、タイトルのみです。全文に利用できる解決策はありますか?Webページの標準フォントにうんざりしています。
ありがとう!
回答:
世の中変わったんだよこの質問が最初に尋ねられ、答えられて以来、しました。@ font-face埋め込みを使用して、本文テキストのクロスブラウザフォント埋め込みを機能させるために多くの作業が行われてきました。
PaulIrishが防弾@ font-face構文をまとめました、他の複数の人々からの試みを組み合わせたを。記事全体(上部だけでなく)を実際に確認すると、単一の@ font-faceステートメントでIE、Firefox、Safari、Opera、Chromeなどをカバーできます。基本的に、これは何も壊さない方法でOTF、EOT、SVG、およびWOFFをフィードできます。
彼の記事から抜粋:
@font-face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot');
src: local('Graublau Web Regular'), local('Graublau Web'),
url("GraublauWeb.woff") format("woff"),
url("GraublauWeb.otf") format("opentype"),
url("GraublauWeb.svg#grablau") format("svg");
}
Font Squirrelは、そのベースから作業して、TTFまたはOTFファイルをアップロードし、他のタイプの自動変換されたフォントファイルを取得できる@ font-face Generatorを含む、さまざまな便利なツールを、構築済みのCSSおよびデモHTMLページ。Font Squirrelには、何百もの@ font-faceキットもあります。
相馬デザインもまとめて FontFriendブックマークレット作成しました。これは、ページ上のフォントをその場で再定義して、試してみることができるようにします。これには、FireFox3.6以降でのドラッグアンドドロップの@ font-faceサポートが含まれています。
最近、GoogleはGoogleWebフォントの提供を開始しました、オープンソースライセンスの下で利用可能で、Googleのサーバーから提供されるフォントの品揃えです。
ライセンスの制限
最後に、WebFonts.infoは、ライセンスに基づいて@ font-face埋め込みに使用できるフォントのすばらしいwikiのリストをまとめました。完全なリストであるとは主張していませんが、埋め込み/リンクに使用できるフォント(CSSファイルの帰属などの条件付き)が必要です。フォントのダウンロードでは明らかに進められない制限があるため、ライセンスを読むことが重要です。
Facetype.jsを試してみてください。.TTFフォントをJavascriptファイルに変換します。完全なSEO互換性があり、FF、IE6、Safariをサポートし、他のブラウザーでは正常に機能が低下します。
いいえ、最先端のブラウザを使用している人だけに対応するつもりがない限り、体型に適切な解決策はありません。
マイクロソフトは独自のフォント埋め込み技術であるWEFTを持っていますが、それが何年もの間話題になっているのを聞いたことがなく、それを使用している人は誰も知りません。
表示タイプ(ヘッドライン、ブログ投稿のタイトルなど)にはsIFRを使用し、ボディタイプ(Trebuchet MSなど)には使い古されていないWebセーフフォントの1つを使用します。すべてのWebセーフフォントに飽きている場合は、用語の定義が狭すぎる可能性があります。このストックフォントのマトリックスを見てください。主要なOSに付属しているようなフォントカスケードを見つけることができる可能性があります。ほぼすべてのWebユーザーをキャッチします。
例:font-family: "Lucida Grande", "Verdana", sans-serif
は一般的なフォントカスケードです。OSXにはLucidaGrandeが付属していますが、Windowsを使用している場合は、LucidaGrandeと同様のサイズと形状の文字を使用したWebセーフフォントであるVerdanaを入手できます。Linuxユーザーは、ほとんどのディストリビューションのパッケージマネージャーに存在するWebセーフフォントパッケージをインストールした場合にもVerdanaを入手できます。そうでない場合は、通常のサンセリフにフォールバックします。