即戦力としての日本語教師になる
実習の多いKEC日本語学院 がオススメ!

【Bloggerをカスタマイズ】可愛いフォントを使いたい!

こんばんは!

少し前まではてなブログProを使っていたんですが、はてなブログ→ワードプレス→Bloggerとお引越しをしまくったあいです。

とっても可愛い【ちゃんこめBlog】を運営されているちゃんこめさんが作成された『Milky Diary』というはてなブログのテーマがとっても可愛い♡

そのテーマで使用されているフォントを私のブログでも使いたい!と思い、テーマのCSSを確認してこのブログに使うことにしました☺️💕

Milky Diary』で使用されている「CSS」を確認したところ、瀬戸フォントを使用しているみたい。

可愛いフォントを使ってBloggerテーマQooQの雰囲気をガラッと変える

⚠カスタマイズする時は、必ずバックアップをとってからでお願いします。

▼Milky Diaryでのコード▼

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Sawarabi+Gothic&family=Grand+Hotel&display=swap');
@font-face {
font-family: 'Setofont';
src: url('https://cdn.leafscape.be/setofont/setofont_web.woff2') format("woff2")
}

上記のフォントを読み込むコードを


/* 関連記事設定 valueの部分を変更して設定 */

と書いてある上に貼り付ける。


そして、フォントをブログで表示するために文字の設定がある部分を書き換えます。

html, body {

font-family: 'Setofont', 'Sawarabi Gothic', sans-serif!important;

font-size: 18px!important;

line-height: 1.6em;

letter-spacing: -1.5px;

}

これを全体設定と書いてある下のbodyの部分と置き換えます。

これだけで、ブログの文字がとっても可愛くなっちゃいました🤭✨

現在はQooQデフォルトのフォントを使用

Bloggerのカスタマイズ中に出会った、「リモスキブログ」や「凡人ですねん」の記事を読むと、

個性的なフォントは読みづらいだけ

だということなので、現在はQooQのデフォルトの文字を使用しています。

▼参考記事▼

瀬戸フォントの設定はこの記事だけになっておりますので「このブログ読みにくいねん!」と思われた方は、ご心配なく!


ふい字も可愛いからカスタマイズ調べて、記事にしてみようかな〜。
可愛いフォントをBloggerで使う方法


Next Post Previous Post
No Comment
Add Comment
comment url

時間がないワーママの救世主!
試験合格のため、隙間時間に「たのまな 日本語教育能力検定試験 完全合格講座」の音声データを聞いて勉強ををしています。

XServerドメイン
独自ドメインでBloggerを運営するなら、
  • 価格が比較的安い
  • 価格設定が分かりやすい
  • 移管しても無料でWhois情報公開代行してくれる
Xserverドメイン がオススメ!