ihigoro https://blog.hatena.ne.jp/ihigoro/ The 復習 https://ienshu.hatenadiary.jp/ ★カスタムフォント ★AI CSS カスタムフォント プロンプト例 CSSでカスタムフォントの事例を作って ローカルフォント Webフォント（Google Fonts） 自前フォント（@font-face） ① Google Fonts を使う基本パターン（最も一般的） 【html】 <head> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapi… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fienshu.hatenadiary.jp%2Fentry%2F2026%2F01%2F04%2F000000_1" title="CSS カスタムフォント - The 復習" 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/i/ihigoro/20260217/20260217215947.png Hatena Blog https://hatena.blog 2026-01-07 00:00:00 rich https://ienshu.hatenadiary.jp/entry/2026/01/04/000000_1 1.0 100%