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

今日は学校でMaterial Icons(Google Fonts Icons)を使用してアイコンをページ上に配置する方法を学習しました。 アイコンを配置する方法は主に以下の2つの方法があるようです。 HTMLで記述する CSSの疑似要素で記述する まずは「1. HTMLで記述する」の方法についてお ...

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なの ...

ブラウザにはユーザーが設定できるデフォルトのフォントサイズがある。多くのブラウザでは初期値が16pxだが、ユーザーがアクセシビリティ等の理由で変更している場合がある。例えばChromiumでは設定画面から「極大」を選択すると24pxになる。 課題 単純な ...

At the heart of the matter is how CSS 3 will handle how fonts will be downloaded for webpages. The typeface issue has less to do with CSS standards and more to do with intellectual property of those ...

Safari 3.1 is out now, and according to Apple is the first web browser to support the new video and audio tags in HTML 5, as well as CSS Web Fonts and CSS animations. Update: Testing the new features ...