タグ

ブックマーク / zenn.dev/ken7253 (1)

  • UIパーツにメイリオを指定しないほうがいい理由

    はじめに 前提として記事は特定のフォントを貶める意図はなく役割として使い分けることを推奨する記事です。 フォントにあるのは役割であり、優劣ではないということを念頭にご一読いただけると幸いです。 注意事項 メイリオという特殊なフォント まず具体的な問題点を挙げる前にメイリオというフォントについて軽く紹介させていただきます。 といってもWeb開発者にとっては馴染み深いフォントでありご存じの方が大半だと思います。 Windows Vistaより搭載されたこのフォントは未だに根強い人気があります。 記事にもあるように、このフォントは和文と英文の調和を重視して作られ英文のベースラインという考え方を取り込んでいます。 そこでメイリオでは和文を縦方向に95%に圧縮した形にして下部にスペースを開けた。こうすることで和文・欧文が混じったときに、それぞれのベースラインを合わせつつ、文字が上下に踊って見えると

    UIパーツにメイリオを指定しないほうがいい理由
    endo_5501
    endo_5501 2022/05/18
    “一行で上下中央揃えを行っているようなUIパーツ(ボタン・タブ)のような箇所では数値上では中央揃えだが見た目が揃っていないという現象が発生”
  • 1