CSS size-adjust for @font-face | Articles | web.dev
CSS size-adjust for @font-face Stay organized with collections Save and categorize content based on your preferences. As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts Consider the following demo where the font-size is a consistent 64px, and the only difference between each of these headers is the font-fami
Chromeでも読みやすい游ゴシックを指定する方法 - Qiita
Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方が多いですが、フレームワークなどを使用した場合、font-weight100～400を指定しているコンポーネントの数だけfont-weight: 500;と指定しなければならなく、あまり現実的ではありません。 「游ゴシックについて」と「ベストなfont-family」がごちゃ混ぜになって記事が見難くなってしまいました。より詳細に書き込んだため記事を分割しました。 ストックされているかたや、ブックマークされている方にはご迷惑おかけします。 この記事はタイトルの通り游ゴシックのみを扱います。 当記事を踏まえたゴシック体のfont-familyの指定は「2020年まで使えるはずだったfont-family
フォントを利用できるかどうかを調べる。 - jsdo.it - Share JavaScript, HTML5 and CSS
function isFontInstalled(fontName) { var testNode = document.querySelector('#test-node span'); testNode.style.fontFamily = "'" + fontName + "', 'Empty'"; return !!testNode.offsetWidth; } window.addEventListener('DOMContentLoaded', function () { setTimeout(function () { var ul = document.querySelector('ul'); ['メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Hoge'].forEach(function (fo
text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011
今日のエントリもSMX West 2011のセッションからのレポートです。 text-indentによる画像置き換えの代替手段をGoogleが提示してくれました。 CSSのtext-indentで-999pxを指定し、文字テキストと画像を置き換えるテクニックは昔からあるごくありふれたテクニックです。 ところがGoogleは、現在この方法を推奨していません。 推奨していないというよりも使うべきでないと明言しています。 使ってもいいのか悪いのかは以前はGoogle社員によって答えがマチマチでした。 しかしここ1年ほどは画像置き換えに対するGoogleのスタンスは一貫して“NG”です。 今回のSMXでも、GoogleのMaile Ohye(マイリー・オイェ)さんが使用すべきでないことをあらためてクリアにしました。 理由は、画像置き換えはスパマーがよく使う手法だからです。 画像置き換えがすぐさまス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Minimal CLS font adjustment tool
モダン日本語フォント指定
