<h1>CSSフォント設定の基本</h1>

<p class="text-style">
  このテキストは、"Arial" フォントで表示されますが、利用できない場合は "Helvetica" が適用されます。
</p>

<p class="fallback-style">
  このテキストは、"Times New Roman" フォントで表示されますが、利用できない場合は "Georgia" が適用されます。
</p>

/* Arial, Helvetica, または sans-serif のフォントを指定 */
.text-style {
  font-family: "Arial", "Helvetica", sans-serif;
}

/* Times New Roman, Georgia, または serif のフォントを指定 */
.fallback-style {
  font-family: "Times New Roman", "Georgia", serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.