W3.CSSフォント
Verdanaは、W3.CSSで使用されるデフォルトのフォントです。Verdanaは文字間隔が広く、読みやすいです。Verdanaは、W3Schoolsのデフォルトフォントでもあります。
Segoe UIは、見出しのデフォルトのフォントです。Segoe UIの文字間隔は、より狭くなっています。これにより、見出しにさらに数文字を含めることができます。
別のデフォルトフォントの使用
W3.CSSで別のデフォルトフォントを使用するのは非常に簡単です。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
フォントクラスの使用
W3.CSSを使用すると、4つの異なる組み込みフォントクラスを使用できます。
- w3-セリフ
- w3-サンセリフ
- w3-モノスペース
- w3-筆記体
これはw3-serifです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<p class="w3-serif">
これはw3-sans-serifです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<p class="w3-sans-serif">
これはw3-monospaceです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<div class="w3-monospace">
これはw3筆記体です
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<div class="w3-cursive">
Webセーフサンセリフフォント
| フォントファミリー | 安全なフォールバック |
|---|---|
| Arial | ヘルベティカ、サンセリフ |
| Helvetica | Arial、サンセリフ |
| ヴェルダナ | ジュネーブ、サンセリフ |
| ジュネーブ | ヴェルダナ、サンセリフ |
| タホマ | Arial、サンセリフ |
| トレビュシェットMS | Arial、サンセリフ |
Arialは、Web上で最も安全なサンセリフフォントと見なされています。すべてのWindowsマシン（99.8％）とすべてのMacマシン（98.7％）にインストールされています。
2つのフォントがほぼ同じであるため、Helveticaが推奨されるフォールバックです。HelveticaはすべてのMacマシン（100％）で動作しますが、少数のWindowsマシン（7.3％）で動作します。
ArialとHelveticaフォールバック、またはHelvetivaとArialフォールバックを使用すると、両方の世界がカバーされます。
Verdanaは、Webセーフなサンセリフフォントとも見なされます。すべてのWindowsマシン（99.8％）とすべてのMacマシン（99.1％）で動作します。
2つのフォントは非常に似ており、GenevaはすべてのMacマシン（99.6％）で実行されるため、 GenevaはVerdanasが推奨するフォールバックです。
Tahomaは、Windows 95の標準フォントでした。これは、すべてのWindowsマシンの99.9％、およびすべてのMacマシンの91.7％で動作します。
Trebuchet MSは、Microsoft Windows 2000以降のすべてのWindowsオペレーティングシステム（99.7％）でリリースされています。また、Macマシン（97.1％）、iOS、およびChromeOSにも含まれています。
出典：CSSフォントスタック
これはArialです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
</style>
Arialは、Webで使用中の1位にランクされています。
これはHelveticaです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
}
</style>
Helveticaは、Webでの使用で第2位にランクされています。
これはVerdanaです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
}
Verdanaは、Webでの使用で第3位にランクされています。
これはジュネーブです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: Geneva, Verdana, sans-serif;
}
タホマです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, "Trebuchet MS", sans-serif;
}
これはトレビュシェットMSです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
}
これはSegoeUIです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Arial, sans-serif
}
Segoe UIは、Windows 10のデフォルトフォントです。これは、W3SchoolsW3.CSSのデフォルトの見出しフォントでもあります。
Webセーフセリフフォント
| フォントファミリー | 安全なフォールバック |
|---|---|
| タイムズニューローマン | タイムズ、セリフ |
| ジョージア | セリフ |
Times New Romanは、最もWebに安全なセリフフォントと見なされています。すべてのWindowsマシン（99.7％）とすべてのMacマシン（97.4％）で動作します。
一部の古いオペレーティングシステムにはTimesと呼ばれる代替バージョンがある可能性があるため、Timesをセリフとしてだけでなくフォールバックとして使用するのが賢明です。
ジョージアも非常に安全だと考えられています。Times New Romanより少し大きいですが、ほとんどのWindowsマシン（99.4％）とMacマシン（97.5％）でうまく機能します。
安全のために、フォールバックとしてセリフを使用してください。
これはTimesNewRomanです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", Times, serif;
}
これはジョージアです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
}
モノスペースフォント
等幅フォントでは、すべての文字が同じ幅を占めます。
等幅フォントは、コンピューターコードを表示するためによく使用されます。
| フォントファミリー | 安全なフォールバック |
|---|---|
| Courier New | モノスペース |
| 光沢のあるコンソール | モナコ、モノスペース |
| モナコ | Lucida Console、モノスペース |
Courier Newは、最もWebに安全なモノスペースフォントと見なされています。ほとんどのWindowsおよびMacマシンにインストールされています。
LucidaコンソールはMacでは動作しません。モナコはWindowsでは動作しません。
1つの解決策は、LucidaConsoleのフォールバックとしてMonacoを使用することです。
100％Webセーフフォントはありませんが、いつでもw3-monospaceを使用できます。
これはw3-monospaceです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<div class="w3-monospace">
これはCourierNewです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: "Courier New", monospace;
}
これはルシダまたはモナコです
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
body, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Console", Monaco, monospace;
}
手書きフォント
Webセーフな手書きフォントはありませんが、w3-cursiveを安全に使用できます。
これはw3筆記体です
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
ノルウェーの総面積は385,252平方キロメートル、人口は5,438,657人です（2020年12月）。ノルウェーは北東をスウェーデン、フィンランド、ロシア、南をスカゲラク海峡と国境を接し、反対側はデンマークと国境を接しています。
例
<div class="w3-cursive">