レンタルサーバのwebフォントが超便利！だけど注意点があります。

webサイトの第一印象はフォントの雰囲気で決まる！　
 
と言っても過言ではないです。
 
しかし、雰囲気を良くするために
 
オリジナルでフォントを１から作るとなると時間とお金がかかります。

そんな、時間とお金は使わないですぐに、ホームページにwebフォントを表示できちゃいます。
 
設定も簡単です。
 

その昔は、特殊なフォントは画像として作る必要があり、修正があれば、画像を加工して表示して。。。と大変、大変苦労しておりました。。。

 
しかし近年、webフォントを使うことが主流になり、レンタルサーバでも簡単に扱えるようになりました。
 

さくらのレンタルサーバ内のwebフォントを使う

Webフォント機能はさくらのレンタルサーバ内に設置されたホームページ上で使用可能です。

 
利用にはコントロールパネルから、自身が管理しているドメインの登録が必要です。
 

❶さくらのレンタルサーバにログインして、webフォントをクリック

      
❷ドメイン名を登録します。

注意点！ 
上記の赤文字をみると１ドメインにつき、１種類のwebフォントしか使えないようです。
 
つまり、１つのサーバー内で複数のサイトを運営している場合は、残念ですが
 
１サイトだけにしかwebフォントが使えないということです。
 
なので、慎重にそのwebサイトの内容にあったwebフォントを選びましょう。
 
しかし使えるフォントはこんなにあります！ 　すごい!
 

【引用】
————————————————————————–
30書体が無料で利用できます

モリサワの「TypeSquare」で提供中の書体の中から、30もの豊富な書体を追加料金なくご利用いただけます。さくらのレンタルサーバの「初期ドメイン」や、「さくらのサブドメイン」、またはご自身で取得された「独自ドメイン」いずれか1つに対し、月間2.5万PVまで配信できます。
————————————————————————–

  
❸HTMLにwebフォントを使えるようにするため下記の１行をhead内に記述します。

<script type="text/javascript" src="//webfonts.sakura.ne.jp/js/sakura.js"></script> 

❹CSSでbodyに対して、下記のように選んだフォントを指定してあげと、選んだフォントがページ全体に反映されます。簡単ですね。

body{
   font-family:'Suzumushi';
    }

  
これだけで、webフォントが表示されます。
 
素晴らしい！
 

ためしに、当サイトのwebフォントをすずむし「Suzumushi」に指定してみたところ
 
全くサイトの内容と雰囲気が合わなかったので、すぐに設定解除しました。。。（笑）
↓キャプチャ

   

設定も簡単なので
 
２〜３つのサイトでもwebフォントを使えたら嬉しいなぁと思うけど。。。
 
さくらのレンタルサーバさん、こういった要望に応えてくれませんかね？。。。