Blogger の標準フォントを比較して試してみる！

〔投稿エディタページ〕には。左上にブログの名称が表示されています。その右に投稿する記事のタイトルを入力するフォームがあります。この記事のタイトルもそこに入力されています。そして、その下に書体の設定を指定するためのツールバーがあります。各ツールを使って書体を始め、大きさなど、様々なことを指定します。

　

　
実際に文字の入力を行うのは、その下にある真っ白なエディタ領域を使います。その文章の文字の大きさなどを指定するのがツールバーです。ツールバーに用意されたそれぞれツールの役割を生かして記事を構成していきます。それではツールバーについて、前半と後半の二回に分けて見ていきます。

ツールバーの左半分を拡大してみます。

「作成」「HTML」ボタン。

「元に戻る」「繰り返し」ボタン。

「書体（フォント）」「フォントサイズ」「表示形式」を指定する各セレクトボタン。

「太字」「斜体」「下線文字」「取り消し線」を指定する各ボタン。

　以上、11の項目が並んでいて、多くが書体指定に関する部分です。それぞれ見てみましょう。

◆作成・HTMLボタン

　Bloggerの投稿エディタ・ツールバー左端の上に「作成」と「HTML」ボタンがあり、通常は「作成」が選ばれた状態で、ツールバーすぐ下の白いエディタスペースに文字を入力していけばいい状態で準備されています。

　横の「HTML」ボタンをクリックすると入力した記事がHTMLに変換され、HTMLに精通しているのであれば、自由に編集することも可能です。

　大手の無料ブログサイトでは、このHTML操作が不可となっているところも多く、その点でもBloggerは自由度が高いと思います。

◆フォント比較

　フォントアイコンをクリックすると以下の書体の中から選択可能ですが、ご覧のとおり、全て英語表示ですのどんな書体なのかあまりピンときませんし、書体の種類も少ないようなので、例文を作ってそれぞれ比較したいと思います。

▼フォントサイズは標準で指定

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。 - Aｒial

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。- Courier

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。 - Geoｒgiｒ

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。 - Helvetica

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。 - Times

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。 - Trebuchet

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。


Bloggerでブログ始めました！　書体の違い見てください。 - Verdana

　それぞれの書体で本文を書いたイメージです。ちょっと長い文章の場合にどんな感じになるのかイメージできると思います。人それぞれ印象は違うと思いますが、ブログ全体のイメージを作り出すのは本文の読みやすさですので、しっかり選びたいですね。

　どうでしょう、気に入った書体はありますか？

◆フォントサイズ比較

　次にフォントの大きさを変えてみます。指定するには「T」マークのフォントサイズアイコンをクリックして選択します。
　上記の例文を参照して、明朝体の「デフォルト」とゴシック体の「Aｒial」を使ってそれぞれ指定します。

▼最少から順に並べます。

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Aｒial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Aｒial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Aｒial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Aｒial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Aｒial

◆表示形式の比較

　続いて、「見出し」や「小見出し」などの「表示形式」を変えることで、どのように変化するのか確認してみましょう。「表示形式」のセレクトボタンを押すと次のように展開されます。

　










▼見出しから標準まで、書体も変えて比較してみます。

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト

Bloggerでブログ始めました！　書体の違い見てください。 - Arial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト

Bloggerでブログ始めました！　書体の違い見てください。 - Arial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト

Bloggerでブログ始めました！　書体の違い見てください。 - Arial

Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Arial

◆各種文字指定の比較

　続いて、「太字」「斜体」「下線」「取り消し線」を指定した状態を見てみましょう。右側の部分「B」「I」「U」「ABC」のアイコンです。

▼「B」の太字で指定
Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Arial

▼「I」の斜体で指定　※日本語は変化しないようです！
Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Arial

▼「U」の下線で指定
Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Arial

▼「ABC」の斜体で指定
Bloggerでブログ始めました！　書体の違い見てください。 - デフォルト
Bloggerでブログ始めました！　書体の違い見てください。 - Arial


　以上、〔投稿エディタページ〕ツールバーの約半分、左側エリアについてレポートしてみました。ワードやエクセルなどを使い慣れている方にとっては、比較的使いやすいのではないかと思います。


　次回は、ツールバーの右半分について試してみたいと思います。