WindowsのGoogle Chromeで見るとデフォルトのままだと、フォントが細いのでSANGOをちびっとだけカスタマイズしました。

フォントが細いのが特に気にならない方はスルーでOKです。わたしは目が痛くなるので変えました(´ε`;)

2018-03-23追記しました

[temp id=3]

SANGOのフォントをカスタマイズすると、こんな風に見える

以下の記事を参考に改変して表示させてみました。

iPhoneSEでひすこ道を表示

表示 iPhoneSE

iPhoneで文字を太くする設定をしていたので、文字が細いままだと見辛いし目に悪いので…。私はiPhoneのデフォルトのウェイトがどうも苦手です。

自分のサイトじゃ文字が太くならない><なんで!?と思ってググり力ほぼゼロのまま検索に明け暮れていました。

子テーマにCSSを加える

/* Windows 用 Medium 指定の游ゴシック */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* ゴシック体指定 */
body {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

引用元via-2018年以降はコレで決まり!Web サイトで指定するゴシック体・明朝体・等幅の font-family 設定

-apple-system というのがキモらしいです。
試しにSIRIUSで作成したサイトにも施してみたら、文字が太く表示されました…!

SANGOだけでなく、他のサイトやblogを運用されている方も文字が細くて悩んでいましたら、Neoさんの記事を参考にされてみてください。m(_ _)m
※はてなID持ってないのでこの場を借りて…!感謝の気持ちでいっぱいです。

まとめ

body {
 font-weight:500;
}

以前、上記のCSSで太さを整えていましたが変更しました。

デフォルトのままですと、Windowsで見るとかすれて見えてしまうんですよね。MacBookで見てみるとそこまで気にならないんですが。(_;

細いfontを今すぐなんとかしたい!という方は是非子テーマや、プラグイン:Custom CSSの中に記述してみてください。

反映されない場合、カスタマイズ→追加CSSで追加してみましょう。

ひすこ道と同じサイトくらい太くなります。

是非お試しください✩

↓SANGOの記事はこちら↓

 

おすすめの記事