【2021年決定版】CSSのfont-familyオススメ設定
UX MILKUX MILKデザイナーさんがよく見るサイトの一つUX MILKです。 非常にシンプルかつ読みやすいメディアサイトで私もよく見させてもらっています。 こちらのサイトのfont-familyは下記です。 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;メインのフォントは「ヒラギノ角ゴ Pro」と次の優先フォントは「游ゴシック」なっております。「ヒラギノ角ゴ Pro」といえばメジャーなフォントなのでよく目にしますよね。 ただmacOS Catalinaでは「ヒラギノ角ゴ Pro」がシステムフォントから外れてしまい、Macユーザーはきれいに表示されないなんてことも、しばしば
Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox（Windows）
目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1px rgba(0,0,0,0.5) CSSを適用した状態で各ブラウザーの実際の画面でチェック このブログ内の関連ページ 参考にしたページ サンプル画面として使ったサイト この記事へのネットの反応まとめ ●ブラウザーによってWebフォントの見え方が違う 今更ですが、日本語のWebフォントを会社のサイトで使い始めました。 元来、Webブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないWeb表示がなされてしまい、またフォントに関するWebデザインに制約が生じてし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
