WEBフォントの利用法
WEBフォントをサーバーにアップロードして利用する方法
- WEBフォントサイトからファイルをダウンロードして解答する
- 解答したフォルダからfontフォルダとCSSをコピーしてサイト生成フォルダに貼り付ける
- <link href="<% pageDepth %>ダウンロードデータ.css" rel="stylesheet">をhaedに読み込ませる
- サイト生成してデータをアップロード
- 利用したい場所にタグで呼び出す
※ちなみにこの画鋲もWEBアイコン素材をリスト表示させて色を変えて枠をつけた物を使用。
サイトによっては無料であっても、利用においてライセンスの問題がある場合があるので
しっかりと規約を読み（翻訳など使う）表示義務等があれば守りましょう
WEBフォントを外部サービスから利用する方法（GoogleWebフォント）
GoogleWebフォントを開く
左のカテゴリ（右図※翻訳はされてません）から太さやカテゴリを選択
利用したいフォントを見つけたら、→マークをクリック
表示されたCSSをテンプレート編集からhead内に追記
CSSに以下のように追記
class名 {font-family: 'Press Start 2P', cursive;}
試しに出力すると・・
こんな感じでサイト上でかっこいい文字が簡単に利用できます。
WEBフォントの利用法関連ページ
- Genericons
- アイコン素材配布サイトのGenericonsについて
Copyright (C) 2013 シリウスCSSカスタマイズ All Rights Reserved.