back

書体

書体を指定します。

該当するフォントが搭載されていない場合は、ブラウザが自動で代替えフォントを使用します。

/* sans-serif */
 font-family: 
     'Verdana'   /* Win, Mac, iOS */
    ,'Courier'   /* Win, Mac, iOS */
    ,'Impact'   /* Win, Mac*/
    ,'Arial'   /* Win, Mac, iOS */
  ,'San Fransisco'   /* Mac, iOS */    ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3'  /* Mac, iOS */
    ,'Tahoma'  /* Win, Mac */
    ,'Calibri'  /* Win */
    ,'Lucida Console'  /* Win */
    ,'Roman'  /* Win */
    ,'American Typewriter'  /* Mac, iOS */
    ,monospace;
    https://w3g.jp/sample/css/font-family#monospace
/* monospace */
  '', 


font-family OS sample image
Courier
-WinMaciOSAndroidChrome OS
欧文
和文
-
Courier New
-WinMaciOSAndroidChrome OS
欧文
和文
-
Lucida Console
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'MingLiU'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'MS ゴシック'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'SimHei'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'Small Fonts'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'Terminal'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Myrica
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Myrica M’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Andale Mono’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’AndaleMono’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Bitstream Vera Sans Mono’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Consolas’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’DejaVu Sans Mono’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Dotum’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Lucida Sans Typewriter’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Monaco’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Monospace’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Noto Sans Mono’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Noto Sans Mono CJK JP’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'OCRB'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’OCR-B’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’sans-serif-monospace’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
’Source Code Pro’
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
ここから
MS UI Gothic
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Verdana
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Impact
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Arial
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Consolas
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
'San Fransisco','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3'
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Tahoma
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
monospace
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
ubuntu-mono
Adobe FontsWinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
source-code-pro
Adobe FontsWinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
courier-std
Adobe FontsWinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
fira-mono
Adobe FontsWinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
NanumGothic
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Noto Color Emoji
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
Noto Sans CJK JP
-WinMaciOSAndroidChrome OS
欧文
和文
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
serif All
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789 \20,000- $200,000-
あかさたなハマヤラワ
div class="prettyprint" オーガスの窓
-
<div class="SAMPLE sample0">
<p>abcdefg hijklmn opqrstu vwxyz</p>
<p>ABCDEFG HIJKLMN OPQRSTU VWXYZ</p>
<p>0123456789</p>
<p>あかさたなはまやらわ</p>
<p>アカサタナハマヤラワ</p>
<p>壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会</p>
</div>

MS UI Gothic

Windows 98以降搭載のプロポーショナルフォント。

.sampleN
{
font-family: 'MS UI Gothic';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

MS Pゴシック

Windows 95以降搭載のプロポーショナルフォント。

.sampleN
{
font-family: 'MS Pゴシック';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

MS ゴシック

Windows 95以降搭載の等幅フォント。

.sampleN
{
font-family: 'MS ゴシック';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

メイリオ

Windows VISTA以降搭載のプロポーショナルフォント。

.sampleN
{
font-family: 'メイリオ';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

ヒラギノ角ゴ Pro W6

Macintosh. Mac OS Xから標準搭載されたプロ向けフォント。

.sampleN
{
font-family: 'ヒラギノ角ゴ Pro W6';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

Osaka

Macintosh. 漢字Talk 7以降の標準フォント。

.sampleN
{
font-family: 'Osaka';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

平成角ゴシック

ワープロやパソコン用向けにデザインされたフォント。Macintosh のOsakaの字母となっている。現在ではプロユースとして利用されている。

.sampleN
{
font-family: '平成角ゴシック';
}
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

明朝体/ゴシック


sans-serif serif cursive(手書き風/筆記体)

明朝体

.sampleN
{
font-family: 'Noto Serif CJK JP';
}
// iOS :'Times New Roman' // Chrome OS:'MS P明朝','Noto Serif CJK JP'

abcdefg hijklmn opqrstu vwxyz

ABCDEFG HIJKLMN OPQRSTU VWXYZ

0123456789

あかさたなはまやらわ

アカサタナハマヤラワ

壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会

フォントファミリー/ウエイトなど


font-family(総称ファミリ) sans-serif serif monospace fantasy(装飾的) cursive(手書き風/筆記体)

font-weight −(no setting) normal(400) bold(700) lighter bolder

font-weight 2 100 (Ultra Light)(Thin) 200 (Thin)(Ultra Light) 300 (Light) 400 (Normal) 500 (Medium) 600 (Semi bold)(Demi bold) 700 (Bold) 800 (Black)(Ultra Bold) 900 (Ultra Bold)(Black)(HEAVY)

FontStretch2 condensed

ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefg hijklmn opqrstu vwxyz
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会
inserted by FC2 system