[`yahoo` not found]
Delicious にシェア
Digg にシェア
[`evernote` not found]
LINEで送る
Pocket

 

Google Fonts
Google Fonts

 

Googleフォントの利用

今回は、このモックアップのキービジュアルの部分の「SMILE」のフォント、Raleway を、Google Fonts を使います。

1. 使うWebフォントを探す。

Google Fonts の使い方

右上のサーチボックスに、フォント名を入力し、検索する。

Google Fonts の使い方02

検索結果が、現れるので、+ボタンをクリック。

Google Fonts の使い方03

すると、黒いバーが現れるので、そこをクリック。

2. <link> の設定をファイルにコピペ。

Google Fonts の使い方04

すると、バーが、ポップアップするので、コードをCSS ファイルにコピー&ペースト。

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

 

3. フォントの種類をファイルにコピペ。

同じく、フォントのコードを、CSS のフォント指定の項目に、コピー&ペースト。

font-family: 'Raleway', sans-serif;

 

 

 

[`yahoo` not found]
Delicious にシェア
Digg にシェア
[`evernote` not found]
LINEで送る
Pocket

コメントを残す