Skip to content

フォントの理解と実践

知識課題

知識課題1

以下のCSSプロパティについて調査し、それぞれの役割を説明してください。

  • font-family

知識課題2

Web開発では、閲覧環境に依存せず意図したフォントを表示するための知識が重要です。以下の項目について調査し、それぞれの概念と実務での活用方法を説明してください。

  • generic-family
    • 定義と主要な種類
    • CSSでの指定方法
  • ウェブセーフフォント
    • 概念と必要性
    • 主要なウェブセーフフォントの例
  • フォールバックフォント
    • 仕組みと重要性
    • 適切な設定方法と実例

知識課題3

以下のCSSプロパティについて調査し、それぞれの役割を説明してください。

  • font-style
  • font-weight
  • font-variant
  • font-size

実践課題

実践課題1

  • 上記で学習したプロパティを全て使用したHTMLとCSSファイルを作成してください。

実践課題2

  • Google Fontsの導入
    • Google Fontsから任意のフォントを選択
    • Webページへの適用方法の実装