今回は”フォントの変更②”です。
初心者のためのアメブロ講座(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",
![ひらめき電球](https://stat100.ameba.jp/blog/ucs/img/char/char2/089.gif)