[`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;



 

 

 

(Visited 106 times, 1 visits today)
[`yahoo` not found]
Delicious にシェア
Digg にシェア
[`evernote` not found]
LINEで送る
Pocket

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください