全国






CSSによるfont-family一覧

HTMLに書きたい場合はこちらを参考にしてください。
 
WIN和文フォント

全て14ptで、「フォント名・いろは漢字123」と表記しています。
MS ゴシック
いろは漢字123
CSS記述
.mg {font-family:"MS ゴシック";}

HTML記述

<div class="mg">MS ゴシック</div>
<div class="mg">いろは漢字123</div>
MS Pゴシック
いろは漢字123

CSS記述

.mpg {font-family:"MS Pゴシック";}
HTML記述
<div class="mpg">MS Pゴシック</div>
<div class="mpg">いろは漢字123</div>
MS 明朝
いろは漢字123
CSS記述
.mm {font-family:"MS 明朝";}
HTML記述
<div class="mm">MS 明朝</div>
<div class="mm">いろは漢字123</div>
MS P明朝
いろは漢字123
CSS記述
.mpm {font-family:"MS P明朝";}
HTML記述
<div class="mpm">MS P明朝</div>
<div class="mpm">いろは漢字123</div>
MS UI Gothic
いろは漢字123
CSS記述
.mug {font-family:"MS UI Gothic";}
HTML記述
<div class="mug">MS UI Gothic</div>
<div class="mug">いろは漢字123</div>



 
WIN欧文フォント

全て14ptで、「フォント名・漢A12A12」と表記しています。
Arial
漢A12A12
CSS記述
.arial {font-family:"Arial";}
HTML記述
<div class="arial">Arial</div>
<div class="arial">漢A12A12</div>
Arial Black
漢A12A12
CSS記述
.ablack {font-family:"Arial Black";}
HTML記述
<div class="ablack">Arial Black</div>
<div class="ablack">漢A12A12</div>
Comic Sans MS
漢A12A12
CSS記述
.csm {font-family:"Comic Sans MS";}
HTML記述
<div class="csm">Comic Sans MS</div>
<div class="csm">漢A12A12</div>
Courier New
漢A12A12
CSS記述
.cn {font-family:"Courier New";}
HTML記述
<div class="cn">Courier New</div>
<div class="cn">漢A12A12</div>
Times New Roman
漢A12A12
CSS記述
.time {font-family:"Times New Roman";}
HTML記述
<div class="time">Times New Roman</div>
<div class="time">漢A12A12</div>
Impact
漢A12A12
CSS記述
.impact {font-family:"Impact";}
HTML記述
<div class="impact">Impact</div>
<div class="impact">漢A12A12</div>
Trebuchet MS
漢A12A12
CSS記述
.tms {font-family:"Trebuchet MS";}
HTML記述
<div class="tms">Trebuchet MS</div>
<div class="tms">漢A12A12</div>
Verdada
漢A12A12
CSS記述
.verdada {font-family:"Verdada";}
HTML記述
<div class="verdada">Verdada</div>
<div class="verdada">漢A12A12</div>



 
系統のフォント

*font-familyに迷った場合、こちらにしておくと良いでしょう。
全て14ptで、「フォント名・系統名」で表記しています。
serif
明朝系フォント
CSS記述
.serif {font-family:"serif";}
HTML記述
<div class="serif">serif</div>
<div class="serif">明朝系フォント</div>
sans-serif
ゴシック系フォント
CSS記述
.ss {font-family:"sans-serif";}
HTML記述
<div class="ss">sans-serif</div>
<div class="ss">ゴシック系フォント</div>
cursive
筆記系フォント
CSS記述
.curs {font-family:"cursive";}
HTML記述
<div class="curs">cursive</div>
<div class="curs">筆記系フォント</div>
fantasy
修飾フォント
CSS記述
.fan {font-family:"fantasy";}
HTML記述
<div class="fan">fantasy</div>
<div class="fan">修飾フォント</div>
monospace
均等フォント
CSS記述
.mon {font-family:"monospace";}
HTML記述
<div class="mon">monospace</div>
<div class="mon">均等フォント</div>