サイト制作関連はてブ | サイト制作に関連するはてブ記事をタグで抽出しただけ

2024年12月〜2025年2月頃にかけてリリースされたSafari 18.2、Chrome 133、Microsoft Edge 133から、text-box-trimプロパティとtext-box- …続きを読む

2025/3/19 20:42

ウェブページのパフォーマンス向上を目指す場合、Webフォント（特に和文フォント）の使用は避けるべきと言われます。これは、Webフォントのファイルサイズが大きく、ページの読み込み速度に大きな影響を与える …続きを読む

2024/11/21 09:50

当ブログで行ったGoogle Fontsの読み込み最適化を紹介します。CLSを大幅に改善できたので個人的にはこれが最適解だと思っています。結論いきなり結論ですが、次のHTMLのhrefの値を使用して …続きを読む

2024/3/12 09:59

WEBデザインで重要なフォントの選定ですが、英語フォントはたくさんあるのに日本語フォントが少なくて困っていませんか？今回はそんな時に役立つ「メインとして使える日本語フォント」を厳選して13選ご紹介し …続きを読む

2023/10/22 21:57

Font Awesome 6は、2022年に正式リリースされたばかりのFont Awesomeの最新バージョンです。ベータ版では無料プランがありませんでしたが、正式リリースのタイミングで無料プランも …続きを読む

2022/6/21 19:12

2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだ …続きを読む

2021/12/16 09:53

CSSを少し変えるだけでコアウェブバイタル（CWV）を改善できるとしたら？「無理でしょ」と思うかもしれないが、けっこう使えるテクニックをグーグルが解説してくれている。また、今回はさらに「利用し …続きを読む

2021/6/18 14:09

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必 …続きを読む

2021/6/3 09:52

Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるとい …続きを読む

2021/4/21 20:04

Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessibl …続きを読む

2021/3/23 19:14