📅 2021-12-06
ブログ全体のフォントを変更しちゃう_GoogleFont
🔄 2023-03-14
少しずつへろほろっぽさを醸し出したくなった
開発４日目。
フォントを変えてみることにしました(*^^*)
変更前の状態：
↓
↓
↓
↓
↓
フォントを変更する
参考記事とてもためになりましたーーーーm(_ _)m
ダウンロードしなくても共有リンクを貼っ付ければ使えちゃうようなので、
やってみることにしました♫♫
- 言語を日本語に指定
- 好きなフォントを発見したらクリックして、右上の＋アイコンをクリック
- ３つ目のHTMLをコピーする
- src/pages/_document.tsxの
<Head>部分の下階層に貼る
準備完了＼(^o^)／
- 使うためにコピーしたHTMLの下の欄にあるfont-familyの値をコピー
※ スクショでは「,serif」までコピーしてますが、そこは不要ですm(_ _)m
- 使用する場所に貼る
できたー＼(^o^)／
*************************************
本日の沼：(´・ω・｀)
global.cssにそれっぽい部分を発見して貼り付ける
変更されてない・・・・・(゜o゜;ガガーン
よーく確認(右クリック→【検証】から)すると、global.cssのbodyの中らしい・・・・。
追加⭐
ビンゴー＼(^o^)／
😊
出力確認とても大切
後日気が変わる・・・
いろんなフォントがあって、すごく悩む。。。
いいなーって思うフォントを開発画面上で眺めて「これだ！」っていうのに出会うまでスクラップしていくことにしました。。。
▼ 以下スクラップコーナー
- Yomogiフォント
- Zen Maru Gothicフォント
🧐
んー今ん所Zen Maru Gothicフォントかなー
▼ この記事に興味があったら同じタグから関連記事をのぞいてみてね
新着記事を通知したい？？
RSSリーダーにatomのリンクを登録すると通知が行くよ🐌
https://herohoro.com/atomやってみてね(*´ω`*)(*´ω`*)
Posts in the same tag
Tag List
Latest posts
Twitter Timeline
フォロー大歓迎＼(^o^)／
Posts in the same tag
Latest posts
Tag List
Twitter Timeline
フォロー大歓迎＼(^o^)／