Index | blog.jxck.io
Archive 2024 2024-03-27 RFC の URL はどのドメインで貼るのが良いか 2024-03-26 Chromium にコントリビュートするための周辺知識 2024-03-13 mozaic.fm 10 周年記念イベント開催後記 2024-02-10 Promise.withResolvers によるイベントの Promise 化 2024-02-06 TC39 に新設された Stage 2.7 について 2024-01-28 Apple によるブラウザエンジン規制の緩和 2024-01-23 Web 技術年末試験 2023 講評 #web_exam2023 2023 2023-12-31 2023 年を振り返る 2023-12-30 3PCA 最終日: 3rd Party Cookie 亡き後の Web はどうなるか? 2023-12-29 3PCA 27 日目:
モダン日本語フォント指定
CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませてきたfont-familyによる日本語フォント指定。OSのバージョンアップとともに、新しいバンドルフォントが増え、@font-face規則も主要なブラウザでサポートされました。それに合わせてフォント指定の方法もバージョンアップしてみましょう。 Web上できれいに見える日本語フォントを使う方法としてWebフォントがありますが、実際に使うにはさまざまな障壁があります。かといってバンドルフォントはOSによってまちまち……という状況だったところに、WindowsとMac OSの両方に「游ゴシック」という日本語フォン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[移動しました]Webフォントによるちらつきをなくす方法（ネット低速環境も考慮） - Qiita![[移動しました]Webフォントによるちらつきをなくす方法（ネット低速環境も考慮） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/74c1022808f8b33db801221f68a60926bed2280a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUU3JUE3JUJCJUU1JThCJTk1JUUzJTgxJTk3JUUzJTgxJUJFJUUzJTgxJTk3JUUzJTgxJTlGJTVEV2ViJUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgxJUFCJUUzJTgyJTg4JUUzJTgyJThCJUUzJTgxJUExJUUzJTgyJTg5JUUzJTgxJUE0JUUzJTgxJThEJUUzJTgyJTkyJUUzJTgxJUFBJUUzJTgxJThGJUUzJTgxJTk5JUU2JTk2JUI5JUU2JUIzJTk1JUVGJUJDJTg4JUUzJTgzJThEJUUzJTgzJTgzJUUzJTgzJTg4JUU0JUJEJThFJUU5JTgwJTlGJUU3JTkyJUIwJUU1JUEyJTgzJUUzJTgyJTgyJUU4JTgwJTgzJUU2JTg1JUFFJUVGJUJDJTg5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zMmJmMTA1OGRmZjgzMmVhMGQ0YzBiZWU0NjVhMDc4ZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb3NzeWk3MyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGM2ZjE0MGI2ZmM3NGI5N2NmNjRlZDc4YWE0NGQ1MGM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0c650e9bce22d7c3e4b72a8eec96a535)
CSS Font Size (px vs. em vs. percent vs. pt) - Knowledge Base - Cristian Sulea
