CYBER@GARDEN

『Web標準の教科書』各章

home > 『Web標準の教科書』読者サポートページ > 第3章 第9節

第3章 第9節（p.216-231） 

[悪いソース]
body { font-family: "ＭＳ Ｐゴシック", "Osaka" }

[よいソース]
body { font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif }

body { font-family: Verdana, Arial, sans-serif }
：
：
<p>CSS2では、総称ファミリーとして「serif」「sans-serif」「cursive」
「fantasy」「monospace」の5つが定義されている。</p>

body { font-family: Verdana, Arial, sans-serif }
：
：
<p xml:lang="en" lang="en">CSS2では、総称ファミリーとして「serif」
「sans-serif」「cursive」「fantasy」「monospace」の5つが定義されて
いる。</p>

h3 { font-style: italic }
p em {
  font-style: normal;
  border-bottom: 1px dashed black;
  }
：
：
<h3>総称ファミリーの詳細</h3>

<p>CSS2では、<em>総称ファミリー</em>として「serif」「sans-serif」
「cursive」「fantasy」「monospace」の5つが定義されている。</p>

h3 { font-variant: small-caps }
：
：
<h3>Generic Families Detail</h3>

<p>In CSS2, serif, sans-serif, cursive, fantasy and monospace are
defined as generic families.</p>

p em {
  font-style: normal;
  font-weight: bold;
  }
：
：
<h3>総称ファミリーの詳細</h3>

<p>CSS2では、<em>総称ファミリー</em>として「serif」「sans-serif」
「cursive」「fantasy」「monospace」の5つが定義されている。</p>

body { font-size: medium }
h3   { font-size: x-large }
p    { font-size: 100% }
：
：
<h3>総称ファミリーの詳細</h3>

<p>CSS2では、総称ファミリーとして「serif」「sans-serif」「cursive」
「fantasy」「monospace」の5つが定義されている。</p>

p {
  font-family: Verdana, "Times New Roman", sans-serif;
  font-size: 14px;
  font-size-adjust: 0.58;
  }

h3 {
  font-style: normal;
  font-variant: small-caps;
  font-weight: bold;
  font-size: x-large;
  line-height: 1.5;
  font-family: Verdana, sans-serif;
  }

h3 { font: normal small-caps bold x-large/1.5 Verdana, sans-serif } 

h3 { font: x-large Verdana, sans-serif }

h3 { font: normal normal normal x-large/normal Verdana, sans-serif }

h3 {
  font: normal small-caps bold x-large/1.5 Verdana, sans-serif;
  font-stretch: wider;
  font-size-adjust: 0.58;
  }

p.systemicon {
  font: icon;
  font-weight: bold;
  }