今回は”フォントの変更②”です。

 

初心者のためのアメブロ講座(46)で

メイリオフォントへの変更の仕方を

書きました。

※CSS編集用デザインテンプレートのみ

変更が可能です。

 

その時のソースをよく見ると

 

font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',

 

と、メイリオだけではなくて、

他のフォント名がたくさん書かれています。

 

これは、

設定したフォントが閲覧者のPCにインストール

されていない場合は表示できないため、

フォントを複数記載しているのです。

(例えば、MacとWindowsでは、

搭載されているフォントが違います)

 

表示の優先は、左→右ですので、

一番左のフォントが第一優先で表示されます。

 

ですので、

”HGS創英角ゴシックUB”で表示したい場合、

 

font-family:'HGS創英角ゴシックUB','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',

 

のように変更すれば、

HGS創英角ゴシックUBで表示されます。

(PCにインストールされてる場合)

 

ちなみに、

Mac OS 10.9とWindows 8.1から

標準搭載されている

游ゴシック体という書体もオススメです。

 

游ゴシック体を適用したい場合は、

下記のソースを貼付けてくださいウインク

 

font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",

 
 
わたしは、
游ゴシック体よりもメイリオのほうが
好みでした!
 
不明点がありましたら
お気軽にお問い合わせくださいひらめき電球
 
宝石ブルー記載内容のリクエスト受付中音譜
宝石赤アメブロサポートモニター募集中ラブラブ
 
 
最後までお読みくださり
ありがとうございました♡