Amebaのフォントが変更になりましたね・・・

慣れない表示に戸惑う方もいらっしゃるのではないでしょうか。
というわけで、今回はCSSカスタマイズでフォント指定して表示する方法を紹介したいと思います。

 

  CSSカスタマイズを利用してフォントを指定する方法

 

1.ブログデザインをCSS編集用デザインに変更しましょう。

※すでに設定されている方は②へ進んでください。

 

 デザインの変更ページにてCSS編集用デザインに設定

 カスタム可能の中にCSS編集用デザインは保存されています 

2.CSSの編集画面遷移

3.以下CSS記述にてフォントを指定する

 
 body { 
font-family: "○○○○" ;

 

「○○○○」の部分にご希望のフォント名を入力していただくことで指定が可能です。

フォントの仕様変更後、改行位置が変わってしまったという方は以下のフォントを指定することで以前までの表示に近づけることが可能です。

 
    

・MS UI Gothic


・MS PGothic
・Meiryo UI
・Yu Gothic UI

※下三つのフォントについては、入力されている文字数によって、改行位置がずれている場合もあるので、表示を確認しながらカスタマイズをお試しください。

 

なお、当ブログについてはメイリオの指定をおこなっています。

閲覧者の端末・ブラウザにメイリオがインストールされていない場合には、別のフォントで表示されます。

 

希望したフォントで表示したい場合には、複数のフォントを指定することも可能です。

 

 

お好みのフォントで指定してあなたらしいブログカスタマイズをお楽しみください。