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


Popular posts from this blog

コンビの漏れないラクマグを購入してみた♪使用感レビュー

幼児や妊娠中・授乳中のママは精油を使用してもいいの?

Blogger目次を見出しと連動させて自動生成する方法

親子で使える!日焼け止め厳選しました

【手作り・開封後の賞味期限は?】調味料・食品・おかず保存期間まとめ

離乳食にも!3分でお粥ができる栄養豊富なオートミール