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

あい
0

Bloggerのおすすめテーマ "WindSpot"
このブログで使っているテーマ。表示速度◎
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で使う方法


\ 兄妹揃って楽しんでいます♪ /
[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

【第3類医薬品】ビタミンC2000「UTY」 330錠
価格:1,518円(税込、送料別) (2023/3/16時点)


最近始めました。疲れに効くといいな。

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

【第3類医薬品】ピュアバランスBB 250錠
価格:1,958円(税込、送料別) (2023/3/16時点)


こちらも始めました。肌荒れ治りますように。。

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

できる韓国語 初中級ブリッジ CD BOOK/CD2枚 [ 李志暎 ]
価格:1,870円(税込、送料無料) (2023/3/16時点)


現在楽しんで勉強中。聴き取りと不規則動詞がまだまだ私には難しいです...

Post a Comment

0Comments

Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Check Now
Accept !