Web Font

KUROUTO Kitは基本のフォントとしてWebフォント(Google FontsのNoto Sans JP)を採用しています。
指定のWebフォントを取り込むことで全デバイス共通のフォントでコンテンツを表示することができます。
と言っても、Webフォントを最優先のフォントとして指定しているだけですので、Webフォントを取り込まなかった場合は通常のフォントが使用されます。

Usage

使い方

下記をコードを記載してWebフォントを取り込んでください。
取り込むだけで基本フォントとしてWebフォント(Google FontsのNoto Sans JP)が使用されるようになります。
<head>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
</head>
KUROUTO Kitにおけるフォントの優先順位は下記のとおりです。
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, 
             "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, 
             "メイリオ", Meiryo, sans-serif;