Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Be Mindful of Fonts

Avatar for Latte72 Latte72
March 15, 2026

Be Mindful of Fonts

2026/03/15のKCS 春合宿 でのLT会の発表資料です.
スライドやサイトを作るときにフォントにも注意を向けてほしいと思って書きました.
フォントの専門家ではないので間違っているところがあるかもしれません.

Avatar for Latte72

Latte72

March 15, 2026
Tweet

More Decks by Latte72

Other Decks in Technology

Transcript

  1. Be Mindful of Fonts ~ For Better Presentation Slides ~

    Be Mindful of Fonts © 2026 Latte72 1 / 21
  2. そもそもフォントを気にしないのは論外 おすすめのゴシック体フォント Noto Sans JP ヒラギノ角ゴシック おすすめの明朝体フォント Noto Serif JP

    ヒラギノ明朝 游明朝・游ゴシックはデザインが崩れやすいのであまり良くない Be Mindful of Fonts © 2026 Latte72 3 / 21
  3. 設定しないとどうなる? Windows なら 游明朝・游ゴシック,メイリオ,Noto Sans CJK などが 使われることが多い. Mac や

    iPhone / iPad なら ヒラギノ角ゴシック,ヒラギノ明朝などが使 われることが多い. Android なら Noto Sans CJK などが使われることが多い. Linux だと環境によっては日本語を表示できるフォントが入っていない こともある. Be Mindful of Fonts © 2026 Latte72 4 / 21
  4. Noto には様々なバリエーションがある コンピューターで表示できない文字があり,豆腐(□)が表示される問 題を無くすために作られたのが Noto フォント.(No Tofu) 文字の形が異なる言語ごとに様々なバリエーションがある. Noto Sans

    JP (日本語) Noto Sans SC (中国語簡体字・中国本土) Noto Sans HK (香港語) Noto Sans TC (中国語繁体字・台 湾) Noto Sans KR (韓国語) Be Mindful of Fonts © 2026 Latte72 10 / 21
  5. コーディングフォントの種類 代表的なコーディングフォントには以下のようなものがある Source Han Code JP HackGen Bizin Gothic ←

    個人的推し 日本語に対応した様々なコーディングフォントがあるので自分の好みに 合うものを探してみるとよい Be Mindful of Fonts © 2026 Latte72 18 / 21
  6. Bizin Gothic #include <stdio.h> int main() { // 範囲は 1

    から 30 まで for (int i = 1; i <= 30; i++) { // if 文で条件分岐して出力する文字列を決定 if (i % 15 == 0) printf("FizzBuzz\n"); else if (i % 3 == 0) printf("Fizz\n"); else if (i % 5 == 0) printf("Buzz\n"); else printf("%d\n", i); } } Be Mindful of Fonts © 2026 Latte72 19 / 21