7月の終わりがそろそろ近づいてくるころ…

こっちが大好きな7月！

ずーと夏であってほしい…

本格的に夏本番がスタートして日にちが経ちますが…

熱中症には気を付けてくださいね！

さてと、話題に入ろう！

Font-Familyの解説

昨日のブログにもご紹介しましたが、なぜこうなったのかを解説していきますね。

body{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Arial, 'Noto Sans Japanese', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
	font-weight: 400;
}

system-ui

OSのUIと同じフォントが搭載しているものを最優先に設定。

-apple-system

Safariのブラウザで標準設定しているフォントを表示。

BlinkMacSystemFont

Google Chromeのブラウザで標準設定しているフォントを表示。

Segoe UI

Windowsが標準装備されているフォントを表示。

Lato

Google Fontsを表示。

Arial

Google Fonts「Lato」が表示できなかった場合の代用として標準装備している「Arial」を表示をさせる。

Noto Sans Japanese

Google Fonts「Noto Sans Japanese」をダウンロードをし、軽量化をして、サーバーアップした後に日本語文章を表示をさせる。

Hiragino Sans, Hiragino Kaku Gothic ProN

Mac OSが標準装備しているフォント

Meiryo

Mac OS、Windows OSが標準装備しているフォント

ご参考までに！

ではまた！