★Web Fonts
ヘッダーパーツ - ナビゲーション nav要素のレイアウト nav <nav class="gnav"> <ul> <li><a href="#">ホーム</a></li> <li><a href="#">サービス案内</a></li> <li><a href="#">お問い合わせ</a></li> </ul> </nav> /* ---------------------------------- nav ---------------------------------- */ .gnav ul { display: flex; gap: 40px; colo…
スライス画像でコーディング（CSS）
ワイヤーフレームを作成 HTML記述例 ワイヤーフレームに沿ってマークアップ Google Fonts（Noto Sans Japanese） FontAwesome（アイコン） <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>【コーディング練習】Cafe</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></head></html>
Web Fonts（Google Fonts） fonts.google.com 利用方法 Noto Sans Japaneseの場合 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>Noto Sans Japaneseの設定</title> <link rel="preconnect" href="https://fonts.googleapis.com"> </link></meta></meta></head></html>
Web Fonts CSS3.0 fonts module Webフォントはコンテンツ側がフォントデータを持ち、コンテンツ側から提供されるフォントデータに従って、Webブラウザなどの可視化（レンダリング）をともなう文字表示を行うシステムおよびそのフォント 文字で表現できること…
