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; }