サイト管理者のGigo(ジーゴ)です(*^^*)
Googleが提供している無料ブログサービス「Blogger」について、「使い方とカスタマイズ方法」をまとめています。
他にも詳しく無料ブログのBloggerをまとめている方がいらっしゃるので、その方たちのサイトと合わせてご利用いただければと思います(^^)
今回は、PC表示とスマホ表示のフォントを統一する方法について説明していきます。
PC、スマホの両方のフォントを統一する
Vaster2の初期設定では、「游ゴシック」にフォント設定されていますが、スマホ側ではその設定はされていません。
そのため、サイトをPCで表示した際とスマホで表示した際で違いがあります。
気にならない方は構いませんが、気になる場合は自分で設定しなくてはいけません。
①検索窓を表示する
まずは、ソースコードを検索できる状態にします。
![Bloggerで始める無料ブログ:PC表示とスマホ表示のフォントを統一する【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/--7g_8gmLFsY/XElPnqaCwbI/AAAAAAAALO8/2tOj0xOnlMcWU_Xc3gx0MkVnwC1Quyl7QCK4BGAYYCw/s640/5%25E5%25B9%2585.jpg)
※上記の手順で分からない場合には下のリンク先で確認してください。
②検索窓で「body{」を検索する
検索窓で[ body{ ]を検索します。
![Bloggerで始める無料ブログ:PC表示とスマホ表示のフォントを統一する【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-NKTL9ehpFB8/Ww9bZUFg_oI/AAAAAAAAGJ8/98zqi3v1T60z0b3_ViomjjLY7sH_0MGnQCK4BGAYYCw/s640/10.jpg)
③ソースコードを追加する
「body{}」のソースコードの下に以下のソースコードを加えます。
*{font-family:Helvetica,"游ゴシック","Yu Gothic",Sans-serif;}
![Bloggerで始める無料ブログ:PC表示とスマホ表示のフォントを統一する【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-IOm4ZL5Wgdo/Ww9bcRTz9II/AAAAAAAAGKE/MDtILzEXsW84REgnxbfq3c61cmbE8fVhQCK4BGAYYCw/s640/11.jpg)
あとは、「テーマの保存」をクリックして作業終了になります。
まとめ:今回のおさらい
今回は、PC表示とスマホ表示のフォントを統一する方法について説明しました。
フォントの統一は、相当異なる場合でない限り、特に気にすることはないと思います。
ただ、気になる場合には設定すればいいと思います。