【ブログ初心者】SWELLのフォント変更の設定する手順を解説！

SWELLをインストールしたけどフォント変更の変え方わからないよ！

このようなお悩みをかかえてる方いませんか？僕もSWELLをインストールした際は文字のフォント変更はどうやって変えるんだ？って思ってました

実はSWELLのフォント変更はとても簡単です。１つ目はカスタマイズから変更する方法と、２つ目はCSSを使って変更する方法です

僕のサイトではブログ初心者の方やパソコンに詳しくないよ〜ってかたでも専門用語を使わないで見れるようにわかりやすく解説してるの、最後まで読んでください

関連記事

＞＞【SWELL】簡単に文字サイズを変える3つの方法を解説！

＼僕がも使っていて初心者におすすめのテーマこちら／

SWELL公式サイト

SWELLのフォント変更をするメリットとは？

まずは、文字のフォントを変えるメリットから解説したいとおもいます

このようなメリットがSWELLのフォントを変更するだけどメリットがるでのためしてください

SWELLのフォント変更の手順

手順１：カスタマイズ

画面上部にある、カスタマイズをクリックしてください

手順２：サイト全体設定

カスタマイズをクリックするとカスタマイズメニューが開きます

その中から「サイト全体設定」を選択

手順３：基本デザイン

サイト全体設定ををクリックすると「サイト全体設定画面」が開きます

その中から「基本デザイン」を選択

手順４：フォント設定

最後にSWELLのフォント設定を変更していきます

SWELLのフォント設定は基本的に下記の設定にして下さい

SWELLのCSSを使ったフォント変更の設定

CSSを使ったSWELLのフォント変更の設定もとても簡単です

body {
  font-family: 
  font-weight: 500;
}

このコードをCSSに貼り付けて好きなフォント名を「font-family:」にところに記入するだけで大丈夫です

入力方法は、fontを「“第一候補”,”第二候補”,”第三候補”」みたいに入力していきます

SWELLのフォント設定のおすすめ

僕もSWELLを使って半年が経ちましたが、使っていSWELLのフォント設定の中で一番しっくりきたなって思うのを紹介したいとおもいます

ベースとなるフォント：メイリオす。理由は、SWELLのフォントを使っている中で一番速度が速いなって感じたのが「メイリオ」だったからです。使っていて文字化けもしないのでおすすめです

フォントサイズ(Mobile)は、固定サイズ「小」またはデバイス可変「小」がいいです。理由は大きすぎるとMobile版は見にくくなるので小の設定がいいとおもいます

字間(letter-spacing)については、お好みでいいと思いますが文字間空きすぎると読者が見にくいと感じるかもしれないので僕はデフォルトにしてます

最後に

最後までブログを読んで頂きまして、ありがとうございます

今回は「【ブログ初心者】SWELLのフォント変更の設定する手順を解説」というテーマで書いていきましたがいかがでしたか？

ブログ初心者の方、SWELL初心者の方でもわかりやすく書いたつもりです

これからもブログ初心者の方でも読みやすいように情報発信していきたいと思いますのでぜひ読んでください