フロントエンドとウェブアプリケーションでの経験に基づいて、適切なソースやウェブセーフフォントのリストを提供できますか?あるいは、Webブラウザでフォントの安全性を確保するための他の優れたツールですか?ウェブセーフフォントのリストはどこにありますか?
ほとんどの場合、私はSquirrel Fontsを使用していましたが、私のデザイナーが使用する多くのフォントがブロックされていて、それらを表示できる唯一の方法はPNGです。
フロントエンドとウェブアプリケーションでの経験に基づいて、適切なソースやウェブセーフフォントのリストを提供できますか?あるいは、Webブラウザでフォントの安全性を確保するための他の優れたツールですか?ウェブセーフフォントのリストはどこにありますか?
ほとんどの場合、私はSquirrel Fontsを使用していましたが、私のデザイナーが使用する多くのフォントがブロックされていて、それらを表示できる唯一の方法はPNGです。
をGoogleのフォントを使用することができますが、「セリフ」のような一般的なクラスとつもりない限り、絶対的な安全性は、ありません、「サンセリフ」など
はあなたの最も一般的なフォントについてのアイデアを与えることができるいくつかのリソースです
すべてのオペレーティングシステムに単一のフォントが存在しないことがわかります。あなたができる最良の方法は、最大のパーセンテージと最高の希望をカバーするのフォントスタックを使用することです。感覚的なフォントスタックを使うことは、道に行くことです...
もちろん、すべてのオペレーティングシステム上に単一のフォントは存在しませんが、Chromeのような** Webブラウザ**は、それが望むなら、フリーフォントのセットが確実に存在します。それがしていない同情。 – Pacerier
あなたがここからフォントを発電機することができますもhttp://www.font2web.com/ &あなたはhttp://www.google.com/webfonts
「安全な」フォントのリストは、すべての状況で、またはほぼすべての状況であなたに望ましいレンダリングを与えるフォント名のリストを意味する、まったく空のリストです。
たとえば、Androidでテストした場合、ほとんどの「ウェブセーフフォント」のリストはすぐに失敗します。
実際に埋め込みフォント(@font face
)を使用する際の問題について質問する場合は、最初に前の質問と回答を確認することをお勧めします。
見つかったウェブセーフフォントの明確なリストはありません。研究は私にいくつかの基本的なアイデアを与えましたが、私は自分のマシンで実験しなければなりませんでした。私は、Windows、Mac、およびLinuxマシンで動作するものを求めていました。幸運にも私はそれぞれ1つずつ持っていました。
HTMLで認識されるフォントには、セリフ、サンセリフ、モノスペース、ファンタジー、筆記体の5種類があります。しかし、私は筆記体がスクリプトと手書きのフォントに分かれているので、私は6種類の自分を見ています。次のように私は 'ウェブ安全な' フォントスタックに思い付いたことは次のとおりです。
/* Web Safe Font Stacks */
.head { font-family: Georgia, 'Times New Roman', serif; } /* H1-H6 */
.para { font-family: Verdana, Arial, sans-serif; } /* Paragraphs, body text */
.mono { font-family:'Courier New', Courier, monospace; } /* code, pre, etc. */
.fant { font-family: Papyrus, Impact, fantasy; } /* Fantasy */
.curs { font-family:'Apple Chancery', 'Lucida Calligraphy', cursive; } /* Cursive */
.hand { font-family:'Comic Sans MS', Chalkboard, cursive; } /* Handwritten */
私はそれが役に立てば幸い...
'serif'、'サンセリフ-serif'、 'monospace' –
@NiftyDude、それらはフォント名ではなく、ブラウザが好きなものにマップする汎用名です。したがって、これらの名前は、安全性が特定のフォントでレンダリングされることを何らかの確実性で保証するならば、安全でないことが保証されます。 –
@ JukkaK.Korpela私は理解していますので、それは答えではなく、むしろコメントです。私はちょうど 'web-safe 'フォントのようなものがないことを暗示しています。それはあなたのクライアントだけに依存します –