web-dev-qa-db-ja.com

Garamondは本当にWeb対応のフォントですか？

Garamondは本当にWebセーフですか？先に進んで使用する必要がありますか？ XPにはないのですが（ジョージアがフォールバックです）、他のオペレーティングシステムはどうですか？ 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をロードしますか、そうでなければ起こりませんか？

cssfont-facetypography
17
J D

すべてのコンピュータで使用できる安全なフォントだとは思いません。フォントファミリーを使用すると、フォントを使用したり、別のフォントをバックアップとして使用したりできます。このような：

font-family:Garamond, Georgia, serif;

Webセーフフォントの詳細については、こちらをご覧ください-> http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

18
Undefined

非常に短いリスト 以外は、コンピュータにさまざまなフォントファミリを持っている全員に依存するべきではありません。

代わりに、 Google WebFonts を試してください。実際、左側の検索ボックスを使用して、Garamondに相当するものを見つけます。すべてのブラウザー（古いIEを含む）で動作し、どこでも見栄えがします。

編集する

追加の質問に関しては、はい、ブラウザは指定した順序でフォントを検索するため、「EB Garamond」の前に「Garamond」と入力すると、ユーザーのコンピュータで利用可能な場合はGaramondが表示されます。

7
Nick White

フォントが小さいサイズのプラットフォーム間で一貫して良好に見えるようにするには、ヒントが必要です。それ以外の場合は、デフォルトでMacなどの非常に柔らかく、わずかにヒンティングされたフォントスムージングに設定されているプラ​​ットフォームでのみ良好に表示され、ひどい外観になります。 Windowsは、最も強いヒントを適用し、それらを非常に鮮明に見せようとします。これには、フォントに組み込まれたヒントが適切に機能するために本当に必要です。

EB GaramondはGaramondを無料で複製したもので、印象的なグリフの範囲はありますが、画面上のレンダリングにはほとんど注意を払っていません。そのため、適切なヒントがないため、特定のプラットフォーム、特にWindowsでは小さなサイズでひどく見えるようになります。 ながら Vista/7/8はフォントのレンダリングを多少改善します、それはいくつかのアプリケーションでそうするだけです-他、特にGoogle Chromeは古いフォントレンダリングを使用します。 2015年8月を編集-これはGoogle Chromeには当てはまりません。

他にもGaramondのバージョンがありますが、おそらく最高の私見はAdobe Garamondです。コマーシャルフォントであるため、Webページに埋め込むには特別なライセンスが必要です。一部のフォントファウンドリはこれらを販売していますが、販売していないものもあります。ライセンスを読むだけでよいのですが:)入手すれば、それらのヒントがはるかに優れていることがわかります。ただし、保証はできません（ただし、一部のフォントストアでは、特定のブラウザーでブラウザーレンダリングフォントのプレビューを表示できます）。

しかし、もしあなたがグーグルのウェブフォントから入手できるフリーフォントに自分を制限しているなら、私は主にこれらの問題のために、EB Garamondを本文テキストに数えます。

たぶん "Adobe Garamond"を最初に指定するかもしれませんが、それは少数の人々が持っているかもしれませんが、その後コンスタンシア、次にジョージア、そしてただ "セリフ"のようなフォントにフォールバックします。ガラモンドとコンスタンシアはストロークが軽く、xの高さが小さいため、ジョージアのようなものよりもはるかに「かすかに」見えることに注意してください。

4
thomasrutter

1）いいえ、GaramondはWebセーフフォントではありません。

2）GaramondをWebで使用することはお勧めしません。この記事を参照してください： Garamond on the Webを使用しない理由

3）推奨事項：見出しにはジョージアを使用し、本文にはベルダナを使用します。どちらも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; }
2
Michael Moriarty

web safe fontの定義は何ですか？

フォントがweb safeであると見なすと、すべてのコンピュータで同じようにレンダリングされるので、答えはノーです-ガラモンドはそうではなく、他のフォントはありません。

Garamondはさまざまな手法（javascript font APIなど）を使用して埋め込むことができますが、すべてのコンピューターで同じになることはありません。

フォントパラメータを考慮して、Webセーフ--​​フォントスタックを作成してみてください。 x-height。このような何かがうまくいくはずです：

Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;

選択するものは何でも、Garamondのx-heightは非常に小さいため、印刷には問題ありませんが、画面上では判読できません。使用する場合は、大きなfont-size。

編集する

言うJavaScript API Google Font API、TypeKit、またはJSがオフのときは機能しない他のソリューションなどのAPIを使用してフォントをインポートすることを意味します。それでもフォントスタックが必要なので、この場合はインポートしても役に立ちません。

0
takeshin

いいえ、Garamondはすべてのコンピュータで利用できるという意味で「Webセーフ」ではありません。フォントはありません。 CodeStyle.orgの調査 では、GaramondはWindowsで約85％をカバーしていると推定されています。他のシステムではおそらく非常にまれです。

ジョージアをガラモンドのフォールバックとして使用することは奇妙に聞こえます。なぜなら、それらを含むテキストを見るだけでわかるように、それらは非常に異なるフォントです（数字を含めることを忘れないでください）。

ジョージアはWindowsとMacでは99％近くですが、Linuxでは約70％なので、ブラウザに対して安全ではありません。ただし、重要な点は、これは特別な特性を持つフォントであり、一般的には適切なフォールバックフォントではないということです。ジェネリックsans-serifフォント名はおそらくより良い推測です。

0
Jukka K. Korpela