google fontsの使い方

いろいろなところでお世話になっている、グーグルのリソース。これはフォント。google web fonts もちろんフォント以外にも、一部のアイコンなどもお世話になっています。ありがたいリソースです。サイトタイトルに使用しているフォントの指定方法は以下の通り。

headerに追加

<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch' rel='stylesheet' type='text/css'>;

style.cssで使いたい場所に追加

.site-title a {
        color: #333;
        text-decoration: none;
        font-family: 'Cabin Sketch', cursive;
        }
a:hover,
a:focus,
a:active {
        color: #1FA0AE;
        }

後半のカラー設定は、マウスオーバー時の色を指定しています。

最終更新日: 2017年10月20日