beachside https://blog.hatena.ne.jp/beachside/ BEACHSIDE BLOG https://blog.beachside.dev/ Adobe Fonts Adobe Fonts (旧 Typekit) で無料で使える Web フォントがたくさんあり使ってみたらいい感じだったので、はてなブログでの設定方法を書いてみました。 私のこのブログに設定した際、フォントの読み込みのタイミングで画面がガクっとちらついたので...その解消方法をメモしておきたかったのがこの話の発端です。 Adobe Fonts で Font を選ぶ はてなブログでの設定 埋め込み用のコードを設定する フォントの設定をする 描画時のちらつきをなくす まとめ Adobe Fonts で Font を選ぶ Adobe Fonts で使いたい Web フォントを選んで Web プロジェ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.beachside.dev%2Fentry%2F2021%2F09%2F03%2F183000" title="Adobe Fonts をはてなブログに設定する (+ 描画時のガクってなるの解消する設定) - BEACHSIDE BLOG" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/beachside/20210903/20210903144443.png Hatena Blog https://hatena.blog 2021-09-03 18:30:00 rich https://blog.beachside.dev/entry/2021/09/03/183000 1.0 100%