Blogger Mobile版及びPC版のブログタイトル・説明文のフォント変更

当ブログのトップページ（ブログタイトル及び説明文）のfontを追加しました。

Google Fontより好みのフォントを指定してダウンロードします。


① 希望のフォントページの、右上にある「SELECT THIS FONT」をクリック。
②「CUSTOMIZE」で斜字や太字などスタイル設定する。
③「EMBED」に表示されている、<link rel... コピーします。

Bloggerですと[テンプレート]⇒[HTMLの編集]⇒headタグ内の</head>手前にペーストして下さい。

当ブログで使用しているfont

Amatic SC

<style> @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700'); </style>

Pacifico

<style>@import url('https://fonts.googleapis.com/css?family=Pacifico');</style>

CSS追加 Mobile版での表示

基本PCと携帯を分けて記述しないと反映されません。

.mobileを冒頭につけて下さい。

.mobile .header h1{ font-family: 'Pacifico', cursive; }