文字の書体を変える


フォントの種類を変更する場合は
style="font-family:----;"を使います。


この----の部分にはフォントの名前を入れます。

フォントの名前が日本語の名前でも、
英数半角かどうかなどは気にする必要はなく、
そのままの名前で入れることができます。


また、windowsとmacでは、同じようなフォントでも
フォントの名前が違うことがあります。

フォントの名前が違っていると その指示は無視されてしまうので、
複数のフォントを指定しておくことができます。

フォントの名前を,(カンマ、コンマ)で区切り 優先順に並べておくと、
表示できるフォントがあった時点でそのフォントが適用されることになります。


以下、一覧表を作りました。
日本語で表示されないフォントは除外しておきました。


Abadi MT Condensed Lightあいうえおabc123
Arialあいうえおabc123
Arial Blackあいうえおabc123
Arial Narrowあいうえおabc123
Arial Unicode MSあいうえおabc123
Batangあいうえおabc123
BatangCheあいうえおabc123
Book Antiquaあいうえおabc123
Bookman Old Styleあいうえおabc123
Calisto MTあいうえおabc123

Centuryあいうえおabc123
Century Gothicあいうえおabc123
Comic Sans MSあいうえおabc123
Copperplate Gothic Boldあいうえおabc123
Copperplate Gothic Lightあいうえおabc123
Courierあいうえおabc123
Courier Newあいうえおabc123
Defaultあいうえおabc123
FixedSysあいうえおabc123
Garamondあいうえおabc123

Gungsuhあいうえおabc123
GungsuhCheあいうえおabc123
HGPゴシックEあいうえおabc123
HGPゴシックMあいうえおabc123
HGP行書体あいうえおabc123
HGP創英角ゴシックUBあいうえおabc123
HGP創英角ポップ体あいうえおabc123
HGSゴシックEあいうえおabc123
HGSゴシックMあいうえおabc123
HGS行書体あいうえおabc123

HGS創英角ゴシックUBあいうえおabc123
HGS創英角ポップ体あいうえおabc123
HGゴシックEあいうえおabc123
HGゴシックMあいうえおabc123
HG丸ゴシックM-PROあいうえおabc123
HG行書体あいうえおabc123
HG正楷書体-PROあいうえおabc123
HG創英角ゴシックUBあいうえおabc123
HG創英角ポップ体あいうえおabc123
Impactあいうえおabc123

Lucida Consoleあいうえおabc123
Lucida Handwritingあいうえおabc123
Lucida Sansあいうえおabc123
Lucida Sans Unicodeあいうえおabc123
Map Symbolsあいうえおabc123
Matisse ITCあいうえおabc123
MingLiUあいうえおabc123
MS Pゴシックあいうえおabc123
MS P明朝あいうえおabc123
MS Sans Serifあいうえおabc123

MS Serifあいうえおabc123
MS UI Gothicあいうえおabc123
MS ゴシックあいうえおabc123
MS 明朝あいうえおabc123
News Gothic MTあいうえおabc123
OCR A Extendedあいうえおabc123
OCRBあいうえおabc123
PMingLiUあいうえおabc123
SimSunあいうえおabc123
Small Fontsあいうえおabc123

Systemあいうえおabc123
Tahomaあいうえおabc123
Tempus Sans ITCあいうえおabc123
Terminalあいうえおabc123
Times New Romanあいうえおabc123
Trebuchet MSあいうえおabc123
Verdanaあいうえおabc123
Webdings

他にもまだあります
abcdefghijklmnopqrst
uvcxyzABCDEFGHIJKLMN
OPQRSTUVWXYZ!"#$%&'(
)=~|`{+*}<>?_1234567
890-^\@[;:],.あいう
えおabc123サシスセソタチツテト
ナニヌネノハヒフヘホマミムメモヤユヨラリ
ルレロワヲン゙゚
Westminsterあいうえおabc123





次は 背景色を変更する です。

メニューに戻ります。