●fontプロパティ「スタイル、太さ、サイズ」（CSS）

【例文】の行が長くなる場合は、途中の行で「 ↓連続」を書き、
　最後の行末を「 <--改行」で書いています。
【実際】の文を作成する場合は、「 ↓連続」と「 <--改行」を全部、削除してください。

※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
　そのため、【例文】で全角の記号を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。

【単独のみの基本文を作成（行末に || （縦棒×２）】

||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||

作成サンプル

fontプロパティの中は、「font-style」⇔「font-variant」⇔「font-weight」（以下順不同）→
「font-size」→「line-height」→「font-family」で各プロパティの値が指定されています。
そして、その各プロパティの順序は上記の通り決まっています。
※ただし、fontプロパティの「font-size」と「font-family」では、省略できません！

○文字のスタイル（font-style）の「normal」、「italic」、「oblique」を設定します。

【例文】（スタイル→サイズ→フォント名）

||<#ffffff' style=' font:normal 14px sans-serif;’``normal = ABCDE abcde 12345||
||<#ffffff' style=' font:italic 14px sans-serif;’``italic = ABCDE abcde 12345||
||<#ffffff' style=' font:oblique 14px sans-serif;’``oblique = ABCDE abcde 12345||

【実際】

normal = ABCDE abcde 12345

italic = ABCDE abcde 12345

oblique = ABCDE abcde 12345

○文字の太さ（font-weight）の「bold」、「400」、「900」を設定します。

【例文】（太さ→サイズ→フォント名）

||<#ffffff' style=' font:bold 14px sans-serif;’``bold = ABCDE abcde 12345||
||<#ffffff' style=' font:400 14px sans-serif;’``400 = ABCDE abcde 12345||
||<#ffffff' style=' font:900 14px sans-serif;’``900 = ABCDE abcde 12345||

【実際】

bold = ABCDE abcde 12345

400 = ABCDE abcde 12345

900 = ABCDE abcde 12345

○文字のサイズ（font-size）の「xx-small」、「x-small」、「small」、「medium」、「large」、
　「x-large」、「xx-large」、「smaller」、「larger」、「9px」、「12px」、「30px」、「100px」
　を設定します。

【例文】（サイズ→フォント名）

||<#ffffff' style=' font:xx-small sans-serif;’``xx-small||
||<#ffffff' style=' font:x-small sans-serif;' ``x-small||
||<#ffffff' style=' font:small sans-serif;' ``small||
||<#ffffff' style=' font:medium sans-serif;' ``medium||
||<#ffffff' style=' font:large sans-serif;' ``large||
||<#ffffff' style=' font:x-large sans-serif;' ``x-large||
||<#ffffff' style=' font:xx-large sans-serif;' ``xx-large||
||<#ffffff' style=' font:smaller sans-serif;' ``smaller||
||<#ffffff' style=' font:larger sans-serif;' ``larger||
||<#ffffff' style=' font:9px sans-serif;' ``9px||
||<#ffffff' style=' font:12px sans-serif;' ``12px||
||<#ffffff' style=' font:20px sans-serif;' ``20px||
||<#ffffff' style=' font:50px sans-serif;' ``50px||
||<#ffffff' style=' font:70px sans-serif;' ``70px||
||<#ffffff' style=' font:100px sans-serif;' ``100px||

【実際】

xx-small

x-small

small

medium

large

x-large

xx-large

smaller

larger

9px

12px