 |
Google Fonts
2013.11.15記 |
|
今回は、「Google Fonts」を使ってみようと思います。 http://www.google.com/fonts |
http://www.google.com/fonts
↓
利用したいフォントの「Quick-use」のボタンを押す
↓
例） http://www.google.com/fonts#QuickUsePlace:quickUse/Family:
↓
「3. Add this code to your website:」のコードを HTMLの<head>部にコピペ
<link href='http://fonts.googleapis.com/css?family=Nosifer' rel='stylesheet' type='text/css'>
スタイルシートで指定
<div style="font-family:'Nosifer';font-size:3em;color:#B00;">
Nosifer
</div>
Nosifer
----
複数個フォントを設定する場合はフォントをパイプでつないで指定します「Nosifer|Raleway+Dots」
<link href='http://fonts.googleapis.com/css?family=Nosifer|Raleway+Dots'
rel='stylesheet' type='text/css'>
<div style="font-family:'Raleway Dots';font-size:3em;">
Raleway Dots
</div>
Raleway Dots
| 日本語フォントもあるといいのにね。 |
 2013.12.15 [JavaScript] スクロールでヘッダの表示切替 |
 2013年 |
 2013.10.15 [jQuery] $.ajax() 順番に処理をする |
ホーム