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 113 times, 1 visits today)