【ブログヘッダーカスタマイズ】Google Fonts を使ってオシャレな看板にしよう

ブログ運営
スポンサーリンク

今回の記事では、Google Fontsと呼ばれるWEBフォントを使ったブログのカスタマイズの記事となります。

ヘッダーはブログの看板と呼ばれる事もあるという事で少しこだわって見たいと思い調べて見ました。

スポンサーリンク

ヘッダーカスタマイズ

Google Fontsとは?

ブロガーであれば、足を向いて眠ることは出来ない、天下のGoogle様が無料で提供してくれているWEBフォントです。

WEBフォントは、閲覧して下さる方のPCやスマートフォンの環境にとらわれずに適用されるフォントで有る為とても使い勝手が良いと個人的に感じています。

Google Fontsの導入方法

Google Fonts
Making the web more beautiful, fast, and open through great typography

まずは、Google Fontsの公式サイトにアクセスします。

お気に入りのフォントを見つけましょう。日本語特化なら以下のページがオススメです。

Google Fonts + Japanese • Google Fonts + 日本語
As Google makes progress on supporting Japanese web typography, we invite designers and developers to experiment with these Japanese web fonts now available fro...

フォントを決めてHTML・CSSを編集

 

画像の様にそれぞれの場所に、以上のテキストをコピー&ペーストします。

最後に、style css でヘッダーにフォントを適用して完成です。

.site-name-text{
font-family: “Nico Moji”;
font-size:36px;
}

これで完成となります。ちょっとした差ですがブログのイメージが変わるのではないでしょうか?

コメント

タイトルとURLをコピーしました