CSS フォントのフォールバック
一般的に使用されるフォント フォールバック
以下は、よく使われるフォントのフォールバックを5つの一般的なフォントファミリー別に整理したものです。
- Serif
- San-serif
- Monospace
- Cursive
- Fantasy
Serifフォント
| フォントファミリー | サンプルテキスト | コード |
|---|---|---|
| "Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
自分で試してみる |
| Georgia, serif | This is a HeadingThis is a paragraph. |
自分で試してみる |
| Garamond, serif | This is a HeadingThis is a paragraph. |
自分で試してみる |
Sans-Serifフォント
| フォントファミリー | サンプルテキスト | コード |
|---|---|---|
| Arial, Helvetica, San-serif | This is a HeadingThis is a paragraph. |
自分で試してみる |
| Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
自分で試してみる |
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
自分で試してみる |
| Geneva, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
自分で試してみる |
Monospaceフォント
| フォントファミリー | サンプルテキスト | コード |
|---|---|---|
| "Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
自分で試してみる |
Cursive(筆記体)フォント
| フォントファミリー | サンプルテキスト | コード |
|---|---|---|
| "Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
自分で試してみる |
Fantasyフォント
| フォントファミリー | サンプルテキスト | コード |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
自分で試してみる |
ヒント：利用可能なすべてのGoogle フォントとその使用法もチェックしてください。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。