フォントファミリー

基本フォントは Noto Sans JP の サンセリフ と セリフ を使用しています。

Example code
<p class="fontNotoSans">サンセリフ</p>
<p class="fontNotoSerif">セリフ</p>

フォントサイズ

Example code
<ul>
  <li class="fs16">フォントサイズ 16px（1rem）　デフォルト<br></li>
  <li class="fs16-100">フォントサイズ 16px（1rem） ウエイト100</li>
  <li class="fs16-300">フォントサイズ 16px（1rem） ウエイト300</li>
  <li class="fs16-350">フォントサイズ 16px（1rem） ウエイト350</li>
  <li class="fs16-400">フォントサイズ 16px（1rem） ウエイト400</li>
  <li class="fs16-500">フォントサイズ 16px（1rem） ウエイト500</li>
  <li class="fs16-700">フォントサイズ 16px（1rem） ウエイト700</li>
  <li class="fs16-900">フォントサイズ 16px（1rem） ウエイト900</li>
</ul>

<ul>
  <li class="fs22">フォントサイズ 22px（1.375rem）　デフォルト<br></li>
  <li class="fs22-100">フォントサイズ 22px（1.375rem） ウエイト100</li>
  <li class="fs22-300">フォントサイズ 22px（1.375rem） ウエイト300</li>
  <li class="fs22-350">フォントサイズ 22px（1.375rem） ウエイト350</li>
  <li class="fs22-400">フォントサイズ 22px（1.375rem） ウエイト400</li>
  <li class="fs22-500">フォントサイズ 22px（1.375rem） ウエイト500</li>
  <li class="fs22-700">フォントサイズ 22px（1.375rem） ウエイト700</li>
  <li class="fs22-900">フォントサイズ 22px（1.375rem） ウエイト900</li>
</ul>

※ サイズは 10px ～ 32px まで用意しています。