前回はタイトルの色を変えただけというしょぼい内容でしたね＾＾；
今回は フォントを変えてみたいと思います！
フォントってどうやって変えるんだろうか・・・ 調べてみたところ、どうやらfont-familyの編集でフォントを変えることができるみたいですね。
こちらのサイトにfont-familyで指定できる一覧が記載されていました↓
https://w3g.jp/sample/css/font-family
うーん、あんまり私の好きなフォントはないですね。
もっと調べてみると拡張子がwoffのファイルを指定するとインターネット上でも好きなフォントを
使える？らしいので色々フォントを調べてみました！
おお！これはおしゃれ！
こちらのサイト↓のフォントどれもいいな〜 よし！これを使わせてもらおう！
http://sapphire.hacca.jp/
有料のものだとこんなサイトもありますよ↓
筆文字素材の専門店【ブラッシュストック】
こちらのサイト↓にwoffコンバータを使ってwoffにします(もしかしたら変換しなくても大丈夫かもしれません)
http://opentype.jp/
あとはブログに使うだけ！簡単！
・・・と思ったらどうやってフォント適用したらいいのかわからないorz
適用方法も調べましたよ。そしたら拡張子を画像などに偽装してアップロードすればよいとのこと。
さっそくjpgにして・・・あれ？エラー？
何故かjpgだとエラーを吐かれました。
それじゃあjsにしてみますか！
お？いけた！！
あとはstyles-index.cssに
@font-face {
font-family:'font1'; font1は任意の名前で大丈夫です
src:url('拡張子jsに偽装したfontファイルの場所');
}
にして
#header h1 a {
font-family:'font1';
}
を追加すれば完成！長かった・・・
今回はこれで終了です ではノシ
【このカテゴリーの最新記事】
