Webフォントの導入

（こちらは旧blogのコンテンツです）

blogのフォントを変更しました。

スマートフォンの表示が良くなかった（モトヤが好みでなかった）ので、Webフォントを導入しました。Google Fonts + 日本語早期アクセス • Google Fonts + Japanese Early Accessで提供されているNoto Sansを使っています。

@font-faceの記述の際に、フォントファミリー「Coluli」を定義し、ローカルフォントとして游ゴシックを組み合わせました。

/* 標準フォントファミリー「Coluli」の定義 */

@font-face {
    font-family: 'Coluli';
    font-weight:300;
    src: local('YuGo-Medium'), local('Yu Gothic Medium'), local('Yu Gothic Regular'), local('メイリオ'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
    font-family: 'Coluli';
    font-weight:700;
    src: local('YuGo-Bold'), local('Yu Gothic Bold'), local('Yu Gothic'), local('メイリオ'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}

変更後は、