ＣＳＳによるfont-family一覧
ＨＴＭＬに書きたい場合はこちらを参考にしてください。ＷＩＮ和文フォント
全て14ptで、「フォント名・いろは漢字１２３」と表記しています。
|
ＭＳ ゴシック
いろは漢字１２３
|
CSS記述
.mg {font-family:"ＭＳ ゴシック";}
HTML記述 <div class="mg">ＭＳ ゴシック</div> <div class="mg">いろは漢字１２３</div> |
|
ＭＳ Ｐゴシック
いろは漢字１２３
|
CSS記述
.mpg {font-family:"ＭＳ Ｐゴシック";}
HTML記述
<div class="mpg">ＭＳ Ｐゴシック</div> <div class="mpg">いろは漢字１２３</div> |
|
ＭＳ 明朝
いろは漢字１２３
|
CSS記述
.mm {font-family:"ＭＳ 明朝";}
HTML記述
<div class="mm">ＭＳ 明朝</div> <div class="mm">いろは漢字１２３</div> |
|
ＭＳ Ｐ明朝
いろは漢字１２３
|
CSS記述
.mpm {font-family:"ＭＳ Ｐ明朝";}
HTML記述
<div class="mpm">ＭＳ Ｐ明朝</div> <div class="mpm">いろは漢字１２３</div> |
|
MS UI Gothic
いろは漢字１２３
|
CSS記述
.mug {font-family:"MS UI Gothic";}
HTML記述
<div class="mug">MS UI Gothic</div> <div class="mug">いろは漢字１２３</div> |
ＷＩＮ欧文フォント
全て14ptで、「フォント名・漢Ａ１２A12」と表記しています。
|
Arial
漢Ａ１２A12
|
CSS記述
.arial {font-family:"Arial";}
HTML記述
<div class="arial">Arial</div> <div class="arial">漢Ａ１２A12</div> |
|
Arial Black
漢Ａ１２A12
|
CSS記述
.ablack {font-family:"Arial Black";}
HTML記述
<div class="ablack">Arial Black</div> <div class="ablack">漢Ａ１２A12</div> |
|
Comic Sans MS
漢Ａ１２A12
|
CSS記述
.csm {font-family:"Comic Sans MS";}
HTML記述
<div class="csm">Comic Sans MS</div> <div class="csm">漢Ａ１２A12</div> |
|
Courier New
漢Ａ１２A12
|
CSS記述
.cn {font-family:"Courier New";}
HTML記述
<div class="cn">Courier New</div> <div class="cn">漢Ａ１２A12</div> |
|
Times New Roman
漢Ａ１２A12
|
CSS記述
.time {font-family:"Times New Roman";}
HTML記述
<div class="time">Times New Roman</div> <div class="time">漢Ａ１２A12</div> |
|
Impact
漢Ａ１２A12
|
CSS記述
.impact {font-family:"Impact";}
HTML記述
<div class="impact">Impact</div> <div class="impact">漢Ａ１２A12</div> |
|
Trebuchet MS
漢Ａ１２A12
|
CSS記述
.tms {font-family:"Trebuchet MS";}
HTML記述
<div class="tms">Trebuchet MS</div> <div class="tms">漢Ａ１２A12</div> |
|
Verdada
漢Ａ１２A12
|
CSS記述
.verdada {font-family:"Verdada";}
HTML記述
<div class="verdada">Verdada</div> <div class="verdada">漢Ａ１２A12</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> |