コード判定結果
動画プレイヤーの機能を制限して表示しています
一部機能が正常に読み込まれませんでした。
コンテンツブロックなどが動作していないかご確認ください。
コンテンツブロックなどが動作していないかご確認ください。
このチャプターでの演習課題が終了していません
次のチャプターへ進みますか
ジャッジに時間がかかっています
しばらくしてから再度アクセスしてください。
演習課題を利用するにはpaiza会員登録のうえ、
有料会員登録が必要です
有料会員登録が必要です
Webデザイン入門編1: 基本的なデザインルールを知ろう
#06:フォントデザイン
この動画を見るにはpaiza会員登録のうえ
有料会員登録が必要です
実技課題 「WEBフォントを使おう」
右側のコードエリアに表示されているhtmlを修正して、「hello world」は "Ubuntu" フォント、pタグで囲まれた文字は "Pacifico"フォントで表示されるようにしてください。
Google Fonts
https://fonts.google.com/
コードの実行をして、エラーが出なければ、演習課題クリアです！
期待する出力値
hello world
Project Nyaan web page
コンセプト・ターゲットに合わせたフォント選びができるようになりましょう。
セリフ
セリフのある書体です。
小説のように長くよませる文章や、高級感をだすときはセリフ体をよくつかいます。
サンセリフ
セリフがない文字です。読みやすく視認性が高いフォントになります。
ハンドライト
手書きでかいたようなフォントです。
やわらかい、ルーズなイメージを作ることができます。
スクリプト
筆記体です。格調高いイメージをだすときなどに使います。
ディスプレイ
いろいろとデザインされたフォントで、その他多数という感じです。
明朝
筆でかいたような書体です。
やわらかい、少し高級感のあるイメージをだすことができます。
ゴシック
角ばった、直線で構成されたフォントです。サンセリフ体に近いものになります。
丸ゴシック
ゴシック体を角丸にしたものです。やわらかい、やさしいイメージ作りをすることができます。
ブラウザで表示できるフォント
現在、Googleが提供しているGoogleFontsをはじめ、無料から有料まで、多くのWEBフォントが提供されている
Google Fonts
https://fonts.google.com/