Keyword Search
▼キーワード検索
Freepage List
読了本作者別リスト（日本）
「あ」作者の作品
「い～お」の作者
か行作者の作品
さ行作者の作品
た行作者の作品
な行作者の作品
は行作者の作品
ま行作者の作品
や～わ行の作者
読了本作者別リスト（海外）
ア～カ行の作者
サ～タ行の作者
ハ行の作者
マ～ラ行の作者
読書メモ（日本「あ～か行」）
綾辻行人メモ
東直己メモ
うえお久光メモ
宇江佐真理メモ
太田忠司メモ
大野靖子メモ
blank
北森鴻メモ
北森鴻メモ２
京極夏彦メモ
京極夏彦メモ２
京極夏彦メモ３
京極夏彦メモ４
京極夏彦メモ５
読書メモ（日本「さ～た行」）
佐伯泰英メモ
佐藤雅美メモ
篠田真由美メモ
高田崇史メモ
田中芳樹メモ
高橋克彦メモ
読書メモ（海外）
ディー判事メモ
R･スタウトメモ
ウッドハウスメモ
P.D.ジェームズ
指輪物語メモ
ハリボッタメモ
ナルニアメモ
カドフェルメモ
読書メモ（日本「は～や行」）
畠中恵メモ
宮部みゆきメモ
森博嗣メモ
森博嗣メモ２
森博嗣メモ３
米澤穂信メモ
米村圭吾メモ
森博嗣メモ４
テレビ番組
クイズなど
ドラマ
ジャポニカロゴス
ネプリーグ
Blank
blank
パソコン関係
Firefoxメモ
HP・トラバ記事
スキャン非クリア
スパイウェア
フリーソフトメモ
Comments
全て
| カテゴリ未分類
| パソコン一般
| 読んだ本（ミステリ・日本）
| 英語の読書
| Access・Wordなど
| 読んだ本（ミステリ・海外）
| HP・ブロク・ブラウザ・スパイウェアなど
| TV・映画・コミックスなど
| 読んだ本（その他・海外）
| 読んだ本（時代）
| 北森鴻
| 京極夏彦
| 連続テレビドラマ
| 高田崇史
| 森博嗣
| 綾辻行人
| 定期スキャン
| ジャポニカロゴス
| 読んだ本（その他・日本）
| ネプリーグ
2005/07/27
テーマ： ホームページ作成の悩み(545)
カテゴリ： HP・ブロク・ブラウザ・スパイウェアなど
日記に書く文字の大きさを自分の思い通りにする簡単な方法の紹介です。
最近導入された「タグ入力支援機能」を使いますが，ちょっとだけ自分で手を入れる必要もあります。
説明はいいから やり方だけ知りたい という人は 実践編 だけでもお読みください。
また，「タグ入力支援機能」についての広場スタッフブログの記事は こちら です。
前回， 読みにくい日記が急増！！ で文字（フォント）の「サイズ指定はブラウザによって見え方が違うなど，また別の問題があるので，ここでは詳しく書かない」と書きましたが，あちこちの日記を見ているうちに， わからなかったり，誤解していたり する人がかなりいそうなので，記事にしてみました。
自分自身も，前回の記事を書くまで 完全に誤解 していた１人です。
説明を始めると長くなるので，まずは「実践編」でやり方を紹介し，そのあとで説明します。
実践編
日記の 本文のフォントのサイズが，今読んでいるこの日記と同じ場合 の方法です（本文のフォントのサイズの調べ方などはのちほど）。
ちょっと大きい文字，上の小見出しの「実践編」と同じサイズにしてみましょう。
１ ブログ投稿フォーム（要するに日記を書くところ）の上部にある 「FONT」のボタン を押す。
２ 「サイズ」から「12px」を選んで，「OK」のボタンを押す。
３ 新しく書き込まれた「"font-size:12px;"」の部分の xをtに変える （「t」は半角を使ってください）。
それだけで， 文字はこの大きさ になります。
やることは上の１～３だけです。
「FONT」のボタンを押す前に文字を選択しておけば，そのフォントの大きさが変わります。
何も選択しないでボタンを押した場合は，「<>」と「<>」の間に文字を入れれば，その部分のフォントの大きさが変わります。
文字をやや小さくしたい場合は，「サイズ」から「9px」を選んで，新しく書き込まれた「"font-size:9px;"」の部分の xをtに変え てください。
カンタンでしょ！！ ぜひ，やってみてください。ただし，このやり方は 楽天のブログでしか通用しないので注意してください 。
これ以降の説明は必要な部分だけ読んでください。
日記本文の文字の大きさ
楽天のブログの場合，一部（かなり以前に広場に登録してそのときの設定を変えていない場合）を除き，日記の本文の大きさは次のように固定されています。
メイン項目の文字の大きさ→フォントサイズ
小 → 10pt
中 → 12pt
大 → 14pt
これまで，かなり多くの楽天の日記を見てきましたが，ほとんどの人の日記は 「小」 に設定されています（この日記も「小」です）。
ブログを始めてから，文字の設定を変えていない場合「小」と考えてほぼだいじょうぶです（一部，かなり以前に登録された場合に設定が異なる場合があります）。
自分の設定を確認するためには （途中で「登録する」ボタンを押さない限り設定は変わらないので，初心者でもだいじょうぶです）， 「管理トップ」 から 「詳細設定（上級者用）」 をクリックして，開いた画面で メインの設定の「編集する」 をクリックします。
開いた画面のいちばん下にある「文字の大きさ設定」を見ると，日記本文の文字をどのようにしているかを確認することができます（変更したい場合は，ここで変更可能）。
中級以上の方は「ページのソース」で確認したほうが速くて確実です。
「サイズ」の数字の決め方
自分の日記の本文の文字の大きさを基準にして，たとえばそれが 10pt の場合，小さくしたければ 8pt（ポイント） や 9pt（ポイント） のように10ptより小さく，大きくしたければ 12pt（ポイント） とか 14pt（ポイント） のように10ptより大きくします。
基準より大きいか小さいかで決めればいいので カンタン でしょ！！
もちろん，例に出した数字だけでなく，自分で自由に数字を決めてください。数字と文字の大きさは完全に比例します（20ptにすれば，たてと横がそれぞれ２倍，面積が４倍になります）。
なぜ「px」はよくないか！？
「px」はピクセルといって画像を表現するときの大きさの単位です（ディスプレイやプリンタで表示される点の最小の大きさ）。
「pt」はポイントといって文字の大きさを表現するときの単位です（10ポイントはプリンタで印刷したとき３文字弱で１cmになる大きさ，Wordで何も設定しない場合，10.5ポイント）。
両方を同時に使っても別にかまわないのですが，「pt」と「px」を換算するのはけっこう大変です。自分が使っているパソコンでは，「10pt＝15.5px」となりますが，この換算値はディスプレイの設定によっても変わってしまいます。
それに， 日記の本文が「pt」で固定されている のだから，上で紹介したように「pt」を使ったほうが ずっとカンタン でしょ。
相対指定する手もある
これまでは，ピクセルをポイントに変えて文字の大きさを指定する方法を紹介してきましたが，"font-size:○○px;"の「○○px」の部分をたとえば「120%」のようにする方法もあります。
こうすることによって，その部分はまわりの120％の大きさになるので，基本サイズがいくつであるかを気にする必要はありません。
fontタグのsize属性（１～７や＋，－）はダメ？？！！
この部分は，おもに「タグ入力支援機能」が導入される以前に文字の大きさを変えていた方に向けたものです。
ダメ！ではないかもしれませんが， かなり危険 です。
自分自身気づいてから１週間にもならず，それ以前はfontタグのsize属性で相対指定をしていました（ということで，フリーページや過去の日記をどうしようかと，頭を抱えています（苦笑））。
ブラウザの「表示」で文字サイズを変えた場合，FirefoxとNetscapeの場合はポイントで指定していても大きさが変わるので，本文のサイズとfontタグのsize属性で相対指定したサイズとの割合は変わりません。
問題なのは，IE （インターネット・エクスプローラ） です！！
「表示」で文字サイズを変えた場合，fontタグのsize属性を「1～7」または「＋，－」で指定した文字の大きさは「最小→最大」の５段階で変わります。
ところが，ポイントで指定してある日記本文の文字の大きさは まったく変わりません 。
したがって，本文より小さめにするつもりで「-1」と指定した部分も「大」や「最大」で見ると， 本文よりずっと大きい ものになってしまうのです。
誰がどんな設定で見ているかまったくわからないので，フォントサイズの指定はポイントでしたほうが「安全」というわけです。
次の方々の日記も「タグ入力支援機能」を扱っています。
ＦｕｎＦｕｎ♪♪さん ゆき1985さん Nariponさん
Masaneさん SANJI4876さん
また， くるくるトンビのコノヤロー！！（くるくるトンビさん） には，文を読みやすくするための「行間」について書かれています。参考になりますので，ぜひお立ち寄りください。
最後になりますが，自分自身の日記ではfontタグではなくspanタグを使い，太字の指定も「style=」の「""」の中に「font-weight:bold;」を加えて指定しています。
参加中です。よろしかったら，ぜひ
←カチッと
クリックお願いします
。
最近導入された「タグ入力支援機能」を使いますが，ちょっとだけ自分で手を入れる必要もあります。
説明はいいから やり方だけ知りたい という人は 実践編 だけでもお読みください。
また，「タグ入力支援機能」についての広場スタッフブログの記事は こちら です。
前回， 読みにくい日記が急増！！ で文字（フォント）の「サイズ指定はブラウザによって見え方が違うなど，また別の問題があるので，ここでは詳しく書かない」と書きましたが，あちこちの日記を見ているうちに， わからなかったり，誤解していたり する人がかなりいそうなので，記事にしてみました。
自分自身も，前回の記事を書くまで 完全に誤解 していた１人です。
説明を始めると長くなるので，まずは「実践編」でやり方を紹介し，そのあとで説明します。
実践編
日記の 本文のフォントのサイズが，今読んでいるこの日記と同じ場合 の方法です（本文のフォントのサイズの調べ方などはのちほど）。
ちょっと大きい文字，上の小見出しの「実践編」と同じサイズにしてみましょう。
１ ブログ投稿フォーム（要するに日記を書くところ）の上部にある 「FONT」のボタン を押す。
２ 「サイズ」から「12px」を選んで，「OK」のボタンを押す。
３ 新しく書き込まれた「"font-size:12px;"」の部分の xをtに変える （「t」は半角を使ってください）。
それだけで， 文字はこの大きさ になります。
やることは上の１～３だけです。
「FONT」のボタンを押す前に文字を選択しておけば，そのフォントの大きさが変わります。
何も選択しないでボタンを押した場合は，「<>」と「<>」の間に文字を入れれば，その部分のフォントの大きさが変わります。
文字をやや小さくしたい場合は，「サイズ」から「9px」を選んで，新しく書き込まれた「"font-size:9px;"」の部分の xをtに変え てください。
カンタンでしょ！！ ぜひ，やってみてください。ただし，このやり方は 楽天のブログでしか通用しないので注意してください 。
これ以降の説明は必要な部分だけ読んでください。
日記本文の文字の大きさ
楽天のブログの場合，一部（かなり以前に広場に登録してそのときの設定を変えていない場合）を除き，日記の本文の大きさは次のように固定されています。
メイン項目の文字の大きさ→フォントサイズ
小 → 10pt
中 → 12pt
大 → 14pt
これまで，かなり多くの楽天の日記を見てきましたが，ほとんどの人の日記は 「小」 に設定されています（この日記も「小」です）。
ブログを始めてから，文字の設定を変えていない場合「小」と考えてほぼだいじょうぶです（一部，かなり以前に登録された場合に設定が異なる場合があります）。
自分の設定を確認するためには （途中で「登録する」ボタンを押さない限り設定は変わらないので，初心者でもだいじょうぶです）， 「管理トップ」 から 「詳細設定（上級者用）」 をクリックして，開いた画面で メインの設定の「編集する」 をクリックします。
開いた画面のいちばん下にある「文字の大きさ設定」を見ると，日記本文の文字をどのようにしているかを確認することができます（変更したい場合は，ここで変更可能）。
中級以上の方は「ページのソース」で確認したほうが速くて確実です。
「サイズ」の数字の決め方
自分の日記の本文の文字の大きさを基準にして，たとえばそれが 10pt の場合，小さくしたければ 8pt（ポイント） や 9pt（ポイント） のように10ptより小さく，大きくしたければ 12pt（ポイント） とか 14pt（ポイント） のように10ptより大きくします。
基準より大きいか小さいかで決めればいいので カンタン でしょ！！
もちろん，例に出した数字だけでなく，自分で自由に数字を決めてください。数字と文字の大きさは完全に比例します（20ptにすれば，たてと横がそれぞれ２倍，面積が４倍になります）。
なぜ「px」はよくないか！？
「px」はピクセルといって画像を表現するときの大きさの単位です（ディスプレイやプリンタで表示される点の最小の大きさ）。
「pt」はポイントといって文字の大きさを表現するときの単位です（10ポイントはプリンタで印刷したとき３文字弱で１cmになる大きさ，Wordで何も設定しない場合，10.5ポイント）。
両方を同時に使っても別にかまわないのですが，「pt」と「px」を換算するのはけっこう大変です。自分が使っているパソコンでは，「10pt＝15.5px」となりますが，この換算値はディスプレイの設定によっても変わってしまいます。
それに， 日記の本文が「pt」で固定されている のだから，上で紹介したように「pt」を使ったほうが ずっとカンタン でしょ。
相対指定する手もある
これまでは，ピクセルをポイントに変えて文字の大きさを指定する方法を紹介してきましたが，"font-size:○○px;"の「○○px」の部分をたとえば「120%」のようにする方法もあります。
こうすることによって，その部分はまわりの120％の大きさになるので，基本サイズがいくつであるかを気にする必要はありません。
fontタグのsize属性（１～７や＋，－）はダメ？？！！
この部分は，おもに「タグ入力支援機能」が導入される以前に文字の大きさを変えていた方に向けたものです。
ダメ！ではないかもしれませんが， かなり危険 です。
自分自身気づいてから１週間にもならず，それ以前はfontタグのsize属性で相対指定をしていました（ということで，フリーページや過去の日記をどうしようかと，頭を抱えています（苦笑））。
ブラウザの「表示」で文字サイズを変えた場合，FirefoxとNetscapeの場合はポイントで指定していても大きさが変わるので，本文のサイズとfontタグのsize属性で相対指定したサイズとの割合は変わりません。
問題なのは，IE （インターネット・エクスプローラ） です！！
「表示」で文字サイズを変えた場合，fontタグのsize属性を「1～7」または「＋，－」で指定した文字の大きさは「最小→最大」の５段階で変わります。
ところが，ポイントで指定してある日記本文の文字の大きさは まったく変わりません 。
したがって，本文より小さめにするつもりで「-1」と指定した部分も「大」や「最大」で見ると， 本文よりずっと大きい ものになってしまうのです。
誰がどんな設定で見ているかまったくわからないので，フォントサイズの指定はポイントでしたほうが「安全」というわけです。
次の方々の日記も「タグ入力支援機能」を扱っています。
ＦｕｎＦｕｎ♪♪さん ゆき1985さん Nariponさん
Masaneさん SANJI4876さん
また， くるくるトンビのコノヤロー！！（くるくるトンビさん） には，文を読みやすくするための「行間」について書かれています。参考になりますので，ぜひお立ち寄りください。
最後になりますが，自分自身の日記ではfontタグではなくspanタグを使い，太字の指定も「style=」の「""」の中に「font-weight:bold;」を加えて指定しています。
参加中です。よろしかったら，ぜひ
←カチッとクリックお願いします
。お気に入りの記事を「いいね！」で応援しよう
Last updated
2005/07/27 12:36:14 PM
[HP・ブロク・ブラウザ・スパイウェアなど] カテゴリの最新記事
-
Firefox 2.0.0.3，Thunderbird 2.0.0.0へ… 2007/04/27
-
フリーページの再構成 2007/01/13
-
楽天リンクスに参加してみた－その４－ 2006/08/19
【毎日開催】
15記事にいいね！で1ポイント
PR
Category
カテゴリ未分類
(10)読んだ本（ミステリ・日本）
(175)読んだ本（時代）
(51)読んだ本（その他・日本）
(37)綾辻行人
(25)北森鴻
(16)京極夏彦
(38)高田崇史
(17)森博嗣
(54)読んだ本（ミステリ・海外）
(127)読んだ本（その他・海外）
(41)TV・映画・コミックスなど
(78)ジャポニカロゴス
(94)ネプリーグ
(85)連続テレビドラマ
(118)英語の読書
(16)HP・ブロク・ブラウザ・スパイウェアなど
(84)定期スキャン
(131)Access・Wordなど
(6)パソコン一般
(12) 有為転変
静流2495さん
風雅 風雅1100さん
やっぱり読書 おい… ばあチャルさん
フォッカーといえば･… ベローソフさん
とりあえず知っとけ！ Aokageさん
ｈarumiffyのMiffy… harumiffyさん
日々のあぶく？ ｋｉｙuさん
未定の予定～ラビ的… みっつ君さん
ちゃっちゃんの大冒険 ちゃっちゃん♪さん
fukusukeloverの日記 fukusukeloverさん
風雅 風雅1100さん
やっぱり読書 おい… ばあチャルさん
フォッカーといえば･… ベローソフさん
とりあえず知っとけ！ Aokageさん
ｈarumiffyのMiffy… harumiffyさん
日々のあぶく？ ｋｉｙuさん
未定の予定～ラビ的… みっつ君さん
ちゃっちゃんの大冒険 ちゃっちゃん♪さん
fukusukeloverの日記 fukusukeloverさん
© Rakuten Group, Inc.
