Garamond は本当に Web セーフですか? 私は先にそれを使用する必要がありますか？XP には存在しないことはわかっていますが (Georgia がフォールバックです)、他のオペレーティング システムについてはどうでしょうか。Mac、新しい Windows、および Linux に存在しますか?
@font-face を簡単に実行できることはわかっていますが、それを埋め込むと、Google Chrome ではかなりひどいものに見えます。
編集
わかりました、私がしたらどうしますか
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
html{font-family: Garamond, EB Garamond, Georgia, serif;}
このように、Web ブラウザーは最初に Garamond がインストールされているかどうかを確認し、インストールされていない場合、load は Web フォント EB Garamond をロードしますか?
すべてのコンピューターで使用できる安全なフォントだとは思いません。フォントファミリーを使用して、フォントを使用したり、別のフォントをバックアップとして使用したりできます。このような：
font-family:Garamond, Georgia, serif;
Webセーフフォントの詳細については、こちらを参照してください-> http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
非常に短いリストを除いて、すべての人がコンピューターにさまざまなフォント ファミリを持っていることに依存するべきではありません。
代わりに、 Google WebFontsを試してください。実際、左側の検索ボックスを使用して、Garamond に相当するものを見つけてください。すべてのブラウザー (古い IE を含む!) で動作し、どこでも見栄えがします。
編集
追加の質問については、はい、ブラウザーは指定した順序でフォントを検索するため、「Garamond」を「EB Garamond」の前に置くと、ユーザーのコンピューターで利用可能な場合は Garamond が表示されます。
フォントが小さいサイズのプラットフォーム間で一貫して適切に表示されるようにするには、適切にヒントを付ける必要があります。そうしないと、Mac のように、デフォルトで非常にソフトで軽くヒントを付けたフォント スムージングがすべてのプラットフォームに適用されるプラットフォームでのみ適切に表示されます。強力なヒンティングを適用し、非常に鮮明に見えるようにしようとする Windows では、フォントに組み込まれたヒンティングが適切に機能する必要があります。
EB Garamond は Garamond を無料で複製したもので、印象的な範囲のグリフを備えていますが、画面上のレンダリングにはほとんど注意を払っていません。その結果、まともなヒントがないため、特定のプラットフォーム、特に Windows では小さなサイズで見栄えが悪くなります。 その間Vista/7/8 では、フォントのレンダリングがいくらか改善されています、一部のアプリケーションでのみそうします-他のアプリケーション、特にGoogle Chromeは古いフォントレンダリングを使用します. 2015 年 8 月の編集 - これは Google Chrome には当てはまりません。
Garamond には他のバージョンもありますが、おそらく最も優れているのは Adobe Garamond です。商用フォントであるため、Web ページに埋め込むには特別なライセンスが必要です。これらを販売しているフォント ファウンドリーもあれば、販売していないフォント ファウンドリーもあります。ライセンスを読む必要があるだけです :) ただし、保証はできません (ただし、一部のフォント ストアでは、ブラウザーでレンダリングされたフォントのプレビューを特定のブラウザーで表示できます)。
しかし、Google の Web フォントから入手できるフリー フォントに制限しているのであれば、主にこれらの問題があるため、EB Garamond を本文テキストとして数えることはできません。
最初は「Adobe Garamond」を指定するかもしれませんが、それを持っている人もいるかもしれませんが、次に Constantia、次に Georgia、そして単に「serif」のようなフォントにフォールバックします。Garamond と Constantia はストロークが軽く、x-height が小さいため、Georgia などよりもはるかに「フェイント」に見えることに注意してください。
1) いいえ、Garamond は Web セーフ フォントではありません。
2) Garamond は Web での使用は推奨されません。この記事を参照してください: Web で Garamond を使用しない理由
3) 推奨事項: 見出しにはジョージアを使用し、本文には Verdana を使用してください。どちらも Web セーフであり、一緒に使用すると非常にうまく機能することが実証されています。
EB Garamond を使い続けたい場合、Google Fonts は Lobster と組み合わせることを推奨しています。
コードを書く:
@import url('https://fonts.googleapis.com/css?family=Lobster|EB+Garamond');
h1, h2, h3, h4, h5, h6 {font-family: Lobster, cursive; }
p {font-family: 'EB Garamond', serif; }
いいえ、Garamond はすべてのコンピュータで利用できるという意味で「Web セーフ」ではありません。フォントはありません。Garamond は、CodeStyle.org の調査で、Windows で約 85% をカバーしていると推定されています。他のシステムではおそらく非常にまれです。
ガラモンドの代替としてジョージアを使用するのは奇妙に思えます。なぜなら、それらを含むテキストを見るだけでわかるように、それらは非常に異なるフォントだからです (数字を含めることを忘れないでください。それらは非常に異なります)。
ジョージアは、Windows と Mac では 99% 近くですが、Linux では約 70% であるため、実際にはブラウザセーフでもありません。ただし重要な点は、これは特殊な特性を持つフォントであり、一般的には適切なフォールバック フォントではないということです。一般的なsans-serifフォント名でさえ、おそらくより適切な推測です。
Web セーフ フォントの定義を教えてください。
すべてのコンピューターで同じ方法でレンダリングされたフォントがWeb セーフであると考える場合、答えはノーです。Garamond はそうではなく、他のフォントもそうではありません。
さまざまな手法 (javascript フォント API など) を使用して Garamond を埋め込むことができますが、すべてのコンピューターで同じになることはありません。
x-height などのフォント パラメータを考慮して、Web セーフフォント スタックの作成を試みることができます。このようなものはうまくいくはずです：
Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;
何を選択しても、Garamond の x-height は非常に小さいため、印刷には問題ありませんが、画面上では読みにくいことに注意してください。使用する場合は、より大きなfont-size.
JavaScript APIとは、Google Font API、 TypeKitなどの API を使用してフォントをインポートすることを意味し、JS がオフの場合は機能しません。それでもフォントスタックが必要なので、この場合インポートは役に立ちません。