Stable Font Settings in 2026

choose font family

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

body {
  .stable__font__family {
    font-family: 
      "Helvetica Neue",
      "Hiragino Kaku Gothic ProN",
      "Hiragino Sans",
      Arial,
      Meiryo,
      "Noto Sans JP",
      "BIZ UDPGothic",
      sans-serif;
  }
}

●概要

2026年時点で最も不具合のリスクを減らすfont-familyセット。

●各OSの和文 / 欧文フォント指定

●sans serif とは

各ブラウザエージェントにブラウザ指定を委ねる総称フォント。
ブラウザフォントを指定する。フォールバック用としてこちらの指定は必須。

●Noto Sans(JP)とは

あらゆる環境で文字化け(Tofu)を発生させない(Not Tofu)ことを目的にMicrosoftにより開発されたフォント。
Windows11では25年4月からデバイスフォントとして搭載されているが、MacOS/iOSでは非搭載(Apple系での和文デフォルトはヒラギノ角ゴ)。
Apple系で Noto Sans JP を使用したい場合はGoogleまたはAdobeからWebフォントを引っ張ってくるしかない。

●Noto Sans Japaneseとは

Google Fontsが提供するNoto Sans JP。
font-family上で指定する場合はJapaneseではなくJPとなるため注意が必要。 https://fonts.google.com/noto/specimen/Noto+Sans+JP?query=noto+sans