"web font"の検索結果1 - 3 件 / 3件

• あとで読む

  Web FontによるCore Web Vitalsへの影響と使い続ける方法｜平大志朗

  • 90 users
  • note.com/taira_daishiro
  • テクノロジー
  • 2021/01/25

  だれかWebのチョットワカル人、 「(日本語など大容量の)Web FontのCore Web Vitalsへの影響 使い続ける方法とその是非」 を記事に書いてほしい。。。 preload頼りでいいんだろうか。どのくらい失敗するんだろうか…… — 辻正浩 | Masahiro Tsuji (@tsuj) January 20, 2021 私自身も、WebフォントがどれくらいCore Web Vitals影響するのか、影響を回避しながらWebフォントを使う方法がハッキリ分かっていなかったので、調査してみました。 本投稿はWEB上から入手できる情報源をもとに内容をまとめています。情報の正確性には留意していますが、私の独自の解釈・予想も含まれています。以上から、本情報はいち見解として捉えていただきますようお願い致します。WebフォントによるCore Web Vitalsへの影響とはCore Web

  • core web vitals
  • seo
  • font
  • web font
  • フォント
  • performance
  • CSS
  • web制作
  • webfont
  • パフォーマンス

  
• あとで読む

  Web Font のメトリクス上書きによる CLS の改善 | blog.jxck.io

  • 44 users
  • blog.jxck.io
  • テクノロジー
  • 2021/02/25

  Intro WebFont を読み込む際に、取得完了までのラグを、システムが持つフォールバックフォントで代替する場合がある。 このとき、フォールバックフォントと読み込んだ Web フォントで、高さに関する情報が異なる場合、 Layout Shift が発生してしまう。 これを防ぐ方法として、 CSS からフォントメトリクスの上書きを行う仕様の提案が行われているため、本サイトへの適用を目指し検証を行った。 なお、この仕様は Layout Shift ではなく、単純にテキストレイアウトスタイル用途での利用も考えられるが、そこはスコープ外としている。 Font metrics override これらの値を @font-face で指定する。 @font-face { font-family: "helvetica-override"; src: local("Helvetica"); asce

  • css
  • font
  • フォント
  • あとで読む
  • Web
  • article
  • web制作

  
• あとで読む

  Reduce web font size  |  Articles  |  web.dev

  • 3 users
  • web.dev
  • テクノロジー
  • 2021/01/19

  Reduce web font size Stay organized with collections Save and categorize content based on your preferences. Typography is fundamental to good design, branding, readability, and accessibility. Web fonts enable all of the above and more: the text is selectable, searchable, zoomable, and high-DPI friendly, providing consistent and sharp text rendering regardless of the screen size and resolution. Web

  • performance