Google Fonts
今回は、このモックアップのキービジュアルの部分の「SMILE」のフォント、Raleway を、Google Fonts を使います。
1. 使うWebフォントを探す。
右上のサーチボックスに、フォント名を入力し、検索する。
検索結果が、現れるので、+ボタンをクリック。
すると、黒いバーが現れるので、そこをクリック。
2. <link> の設定をファイルにコピペ。
すると、バーが、ポップアップするので、コードをCSS ファイルにコピー&ペースト。
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
3. フォントの種類をファイルにコピペ。
同じく、フォントのコードを、CSS のフォント指定の項目に、コピー&ペースト。
font-family: 'Raleway', sans-serif;
この記事を読んだ人はこんな記事にもご興味があるかも
(Visited 225 times, 1 visits today)









![[-CSS-]-ボックス関係のプロパティ](https://i0.wp.com/webdesign.ki-blog.biz/files/CSS-%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E9%96%A2%E4%BF%82%E3%81%AE%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3.jpg?resize=150%2C150)