どのフォントが Web セーフ フォントであるかは知っていますが、定義についてはよくわかりません: Web セーフ フォントは、お使いのブラウザーがサポートするフォントですか、それともオペレーティング システムにインストールされているフォントですか? ブラウザでフォントを表示できない場合、それはブラウザがフォントをレンダリングできないためですか、それともオペレーティング システムにフォントがインストールされていないためですか?
ありがとうございました
Web セーフ フォントは、ほとんどのシステムにインストールされているフォントです。(フォントは、誰かがインストールしたからといって安全になるわけではありません。使用可能になると想定するのが合理的であれば、安全です)。
ブラウザでのフォントのサポートは暗黙的です。
「Web セーフ フォント」は漠然とした名前のアイデアであり、あまり現代的ではありません。これは、「すべての」または「ほとんどの」コンピュータにインストールされている (と想定される) フォントを指すために使用されてきました。現実にはせいぜい「ほとんど」ですが、コンセプト名の「安全」という言葉は「すべて」を連想させます。
この考え方は、Web 作成者が CSS (または、昔<font>
は HTML のタグ) でフォントを指定することを意味します。これは、システムに適切にインストールされている場合 (たとえば、Windows の Fonts フォルダーに置かれている場合)、ブラウザーがそのフォントを使用することを意味します。
本当に「安全」なフォントはありません。つまり、すべてのシステムにインストールされますが、それに近いフォントもあります。これに関する厳密で信頼できる統計はありませんが、妥当な推定値です。
より現代的なアプローチは、「フォント スタック」、またはより平凡なフォントのリストを使用することです。たとえば、 の単純な「スタック」font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
は、おそらくこれまでに取得する必要があるほど Web セーフですが、「安全」なのは、3 つのかなり類似したフォントのうちの 1 つを取得することだけです。
CSSで使用される、いわゆる Web フォント、またはダウンロード可能@font face
なフォントは、各コンピューターにインストールされているフォントに関係なくフォントが使用されるという意味で「安全」です。ただし、他の点では安全ではありません。そのようなフォントの使用はブラウザーで無効になっている (または古いブラウザーではサポートされていない) 可能性があり、フォントのダウンロードは、一般的なインターネット フェッチなど、さまざまな理由で失敗する可能性があります。さらに、ブラウザには実装にバグがあり、フォントの表示が歪む可能性があります。
Web セーフ フォントは、大多数のコンピューターにインストールする「安全な賭け」と見なされるフォントです。ブラウザーがインストールされているすべてのコンピューターには、Web ページにテキストを表示できるように、既定のフォントが組み込まれています。Web ページのコードで指定されたフォントがない場合は、使用するようにプログラムされているものを使用します。
Web デザイナーが慎重であれば、選択するフォントの 2 つ以上の選択肢を指定する「フォント スタック」を設定して、ブラウザーが何を使用すべきかを推測する必要がなく、いくつかの選択肢を持つことができるようにします。最悪の場合、ブラウザーは、Web デザイナーが望むものではなく、ヘッダー テキストに「Times New Roman」、Web ページの本文テキストに「Arial」など、付属の標準フォントを使用する必要があります。
もう 1 つの選択肢は、Web サイトがアクセスしているコンピューターにフォントを提供することです。そのためのより良い方法の 1 つは、Google フォントを使用することです。
要約すると、コンピューターは、a) 既にインストールされているフォント、または b) Web サイトが Web から使用できるようにするフォントのみを表示できます。