フロントエンドおよびWebアプリケーションでの経験に基づいて、Webセーフフォントを使用した優れた堅実なソースまたはリストを提供できますか？または、Webブラウザのフォントの安全性を確保する他の優れたツールはありますか？
ほとんどの場合、Squirrel Fontsを使用していましたが、デザイナーが使用する多くのフォントがそこでブロックされており、それらを表示できる唯一の方法はPNGです。
質問する
9359 次
4 に答える
9
「serif」、「sans-serif」などのジェネリッククラスを使用しない限り、絶対的な安全性はありません。
最も普及しているフォントについてのアイデアを提供できるリソースを次に示します。
- https://web.archive.org/web/20160610001431/http://www.awayback.com/revised-font-stack/
- http://cssfontstack.com/
すべてのオペレーティングシステムに単一のフォントが存在しないことがわかります。あなたができる最善のことは、最大のパーセンテージをカバーし、最高のものを期待するフォントスタックを使用することです。賢明なフォントスタックを使用するのが方法です...
于 2012-04-23T08:16:42.480 に答える
3
ここからフォントを生成することもできますhttp://www.font2web.com/＆Googleフォントを使用することもできますhttp://www.google.com/webfonts
于 2012-04-23T08:14:47.983 に答える
3
私が見つけたWebセーフフォントの決定的なリストはありません。研究は私にいくつかの基本的な考えを与えました、しかしそれから私は自分のマシンで実験しなければなりませんでした。Windows、Mac、Linuxマシンで動作するものが欲しかった。幸いなことに、私はそれぞれ1つずつ持っていました。
HTMLで認識されるフォントには、セリフ、サンセリフ、モノスペース、ファンタジー、筆記体の5種類があります。しかし、筆記体はスクリプトと手書きフォントに分解されるので、私は6つのタイプを自分で見ています。「Webセーフ」フォントスタックについて私が思いついたのは次のとおりです。
/* 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 */
それがお役に立てば幸いです...
于 2016-07-20T03:15:22.293 に答える
2
「安全な」フォントのリストは、それがすべての状況で、またはほとんどすべての状況でさえあなたに望ましいレンダリングを与えるフォント名のリストを意味する場合、まさに空のリストです。
たとえば、Androidでテストすると、「Webセーフフォント」のほとんどのリストはすぐに失敗します。
埋め込みフォント（を使用）の使用に関する問題について実際に質問する場合は@font face、最初に前の質問と回答を確認することをお勧めします。
于 2012-04-23T10:31:29.310 に答える