トップ  >  2013年  >  2013.11.15 Google Fonts
features 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() 順番に処理をする

PAGE TOP 
メニュー
サイト内検索
ログイン
ユーザ名:

パスワード:


パスワード紛失

新規登録
Copyright(C) 1999-2018 keibunsya all right reserved.