CSSウェブセキュリティフォント

ウェブセキュリティフォントは非常に一般的なフォントで、Windows、Mac、Linuxなどのさまざまなオペレーティングシステムに最もよく見られます。

ウェブセキュリティフォントを選ぶ理由

ウェブページで使用しようとしているフォントが期待通りに表示されない場合、それは、すべてのコンピューターシステムがすべてのフォントを提供していない可能性があるためのケースかもしれません。

ほとんどのブラウザやオペレーティングシステムでテキストが正確に表示されることを確保するために、フォントを非常に慎重に定義する必要があります。font-familyCSS属性は、いくつかのフォント名をバックアップシステムとして容纳できます。まず必要なフォントから始めて、必要なフォントが利用できない場合、バックアップフォントを使用します。

常にユニバーサルフォントシーケンスを使用してフォントとして定義するべきです。-familyの属性値には、5つあります：セルフィック、サンセリフ-セルフィック、モノスペース、カリグラフィック、ファンタジー。あなたが定義したフォントがない場合、ブラウザは似たフォントを選択することができます。

以下の表は、最も安全に使用されるフォントの組み合わせを示しています。

以下の例では、font属性-属性を正しく設定する方法を示します。

.sans-serif-font　{
　　　font-family:　Arial,　Helvetica,　sans-serif;
}
.serif-font　{
　　　font-family:　"Times　New　Roman",　Times,　serif;
}
.monospace-font　{
　　　font-family:　"Courier　New",　Courier,　monospace;
}

一般的なフォントの組み合わせ

以下の表は、一般的なシリーズに基づいて整理された一般的なフォントの組み合わせを示しています。

Serif 字体

Sans-Serif字体

Monospace 等幅字体

Cursive 草書字体

Fantasy字体

全浏览器和操作系统上具有良好可用性的Fantasy字体不存在。