目次
SANGO(サンゴ)でPC・スマホのフォントサイズを指定する方法(端末毎に設定する方法)
今回はSANGO(サンゴ)でフォントサイズの設定を変更する方法を紹介します。
SANGOではスマートフォン、タブレット、パソコン毎にフォントサイズの設定を変更できます。
サイト全体の文字サイズを変更する方法
フォントサイズの変更は、「外観」→「カスタマイズ」→「デザイン・レイアウト」→「フォントサイズ」から行えます。
↓
↓
↓
スマホ、タブレット、PC毎にフォントサイズを変更できるようになっています。
端末によってユーザーが見やすい文字サイズも異なるので、それぞれで変更できるのは嬉しいですね。
デフォルトの設定は以下のようになっています。
【デフォルトのフォントサイズ】
■スマホ(横幅481px以下のブラウザサイズ) → 100
■タブレット(横幅482~1029pxのブラウザサイズ) → 107
■PC(横幅1030px以上のブラウザサイズ) → 107
■スマホ(横幅481px以下のブラウザサイズ) → 100
■タブレット(横幅482~1029pxのブラウザサイズ) → 107
■PC(横幅1030px以上のブラウザサイズ) → 107
記事本文の文字サイズを変更する方法
オリジナルのCSSを追加して記事本文のみの文字サイズを変更することもできます。
.entry-content {
font-size: 125%;
}
font-size: 125%;
}
オリジナルCSSの追加は、「外観」→「カスタマイズ」→「追加 CSS」から行えます。
↓
参考:https://saruwakakun.com/sango/comments?id=3332
SANGOでPC・スマホのフォントサイズ変更のまとめ
こちらの記事では、SANGOでフォントサイズの変更を行う方法を説明しました。
SANGOでは、管理画面上からスマホ、タブレット、PC毎にフォントサイズの変更を行うことができます。
また、オリジナルCSSを追加することで、記事本文のみのフォントサイズを変更することもできます。
ブログを書いていると端末によって文字の大きさを変えたいことってありますよね。
そんな場合にはこちらの記事を参考にして頂ければ幸いです!