HTML・CSSの学習動画を見てWeb制作の勉強をしていましたが、Webフォントの使い方について説明が出てこなくて、色々なサイトを調べたまとめメモです。 色々な方法でWebフォントを使えますが今回は「Google Fonts」の使い方を書いておきます。 Webフォントって何？

こんにちは〜新しいセクションに入ってからフォントスタイルについてやってますが、今日はGoogle fontsの扱いについて学習します。で、なぜか、自分のChromeだと明朝体が反映してないんですけどね^^；なぜ？？？って感じ^^； まぁ、今日も進めてはいき ...

※本ページは、アフィリエイト広告を利用しています。 Google Fontsは使うけど、最近のWebフォントの技術に追いつけていない、Webサイトやアプリで効果的に使うにはどうすればよいのか、そんな人にお勧めの解説書を紹介します。 基礎知識はもちろん、書体 ...

米Google Inc.は13日（現地時間）、公式ブログ“Chromium Blog”で、「Google Chrome 60」のベータ版に導入された新機能や機能改善を明らかにした。本バージョンでは“Paint Timing API”と“CSS font-display”が新たにサポートされている。 “Paint Timing API”は、“First Paint ...

This project is a structured HTML webpage showcasing google font.

2025年8月8日に 『Webフォント実践ガイド Google Fontsではじめる 美しく機能的なタイポグラフィ』 を上梓された飯塚修平さん。UXエンジニアとしてさまざまなWebサイトの開発に携わり、特にアジア地域向けのWebサイトの制作に従事していた期間が長く、日本語 ...

Webフォントの普及やフラットデザインの浸透によって、タイポグラフィにこだわるサイトが増えています。でも、フォールバックを適当に済ませていませんか？ CSSのfont-size-adjustプロパティは、font-sizeを小文字の高さで指定するプロパティです。font-siza-adjust ...