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

  • Webフォント読み込み戦略(2021年) - MOL

    Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典:font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという

    Webフォント読み込み戦略(2021年) - MOL
    hirolognet
    hirolognet 2021/04/22
    “結局、色々調べた結果、t32kにはWebフォントは早すぎると感じたので、本ブログでのNoto Sans JPの読み込みを辞めた。うん、スッキリ。”
  • dafont.com

    85,061 fonts of which: 32,871 with accents 42,357 with the Euro symbol How to install a font  (details in the Help section) Extract the files you have downloaded, then:Windows 10/8/7/Vista: Right-click on the font files > "Install"Mac OS X: Double-click the font file > "Install font" button.  Other OS...

    hirolognet
    hirolognet 2020/02/18
    違法にアップされているフォントも多数あるとのことで要注意。 https://liginc.co.jp/web/design/font/145827
  • 1