タグ

フォントとcssに関するsuquiya0のブックマーク (2)

  • font-familyに指定する2017年春の決定版メモ - Qiita

    Webサイトで表示するフォントは閲覧するユーザーの環境に依存しています。 グラフィックデザインメインの方でWebサイトのデザインを行う場合などの Webサイト制作をしたことのない人だと知らない方が多いので前置き書いてます。 例えば、『ヒラギノ』を指定していても、ユーザーの環境になければ別のフォントが表示されてしまいます。 同じく、明朝体はもっと悲惨でWindowsではキレイに表示できるのがわりと最近です。 (なので基的に日語のWebサイトってゴシック体が多いですよね。MS明朝は超汚いので過去に全てのテキストを明朝体でデザインされた時には投げたくなりました。) ゴシック体の指定はこれ! body { font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese

    font-familyに指定する2017年春の決定版メモ - Qiita
    suquiya0
    suquiya0 2017/04/18
    メモ。
  • Chromeでも読みやすい游ゴシックを指定する方法 - Qiita

    Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方が多いですが、フレームワークなどを使用した場合、font-weight100~400を指定しているコンポーネントの数だけfont-weight: 500;と指定しなければならなく、あまり現実的ではありません。 「游ゴシックについて」と「ベストなfont-family」がごちゃ混ぜになって記事が見難くなってしまいました。より詳細に書き込んだため記事を分割しました。 ストックされているかたや、ブックマークされている方にはご迷惑おかけします。 この記事はタイトルの通り游ゴシックのみを扱います。 当記事を踏まえたゴシック体のfont-familyの指定は「2020年まで使えるはずだったfont-family

    Chromeでも読みやすい游ゴシックを指定する方法 - Qiita
    suquiya0
    suquiya0 2017/04/14
    助かる…。メモ。
  • 1