お蔵入り
本文の文字変更について
私は目が良くないので、スタイルシートを使って文字の大きさを大きく変えていました。２カラムに変えたことから、少し小さい文字に変更しようと思います。ところが、今回はスタイルシートの中にmain.mainmore{ font-sizu12px…がいくら探しても見つからないのです。どうしたら本文文字が変更できるでしょうか。どうぞ、ご存じの方、お教えください。回答(1)
1.
その部分が記事本文の指定です。
文字を大きく表示したいのであれば、
font-size: 70%;
の数字を大きくします。
（例えば８０％と９０％とか）
また、
％での指定をやめて、
font-size: 〇〇px;
との記述でも文字の大きさを指定できます。
どちらの方法で指定されても問題ないです。
参考までに、、
background-color: #ffffff;
は記事欄の背景色の指定。
padding: 20px 20px 5px;
は記事欄内、上下左右の余白の設定。
line-height: 170%;
は１行辺りの高さの設定。
（数値を大きくすると行間が広がり文字が読みやすいですが、バランスが大事ですよね＾＾）
コメント(7)
デザインが変わって、クラス指定なども変わったのだと思います。
あなたの使用しているデザインがわからないと教えることも難しいです。
自分で見るために文字の大きさを変えたいのなら、
ブラウザで、文字の表示を変更することができるのではないかと思います。
表示～文字のサイズ～大
とか
[Ｃｔｒｌ]キーを押しながらマウスのローラーを回す
とか
ありがとうございます。ＢＬＵＥＰＩＸＹさん。読むためにツールバーで変更はできるんですが、ブログ本文の文字をもう少し小さくしたいのです。スタイルシートを使って既存の設定を変えたまま、書いていました。それを直すにはやっぱりスタイルシートからでないと直らないようです。しかし、以前のスタイルシートと変わってしまったようなのです。
どこを探しても、本文（body.font)がでてないのです。
>>#2.
御使用中のデザイン名を書いて頂かないと・・＾＾；
ちなみに、、
/** 記事本文 */
div.article-body {
って記述はありませんか？
もしあれば、その中に、
font-size:〇〇px;
を追加して、好きな文字サイズになるように、○○に好きな数字を入力します。
違ったか・・＾＾；
ＨＳさん、早速ありがとうございます。
質問を編集して画像も入れて、アドレスも書いたんですけど反映されてませんでした。すみません。
デザインはカスタムグリーン、２カラムです。
ありました。スタイルシートに/**記事本文*/
div.article-body {
background-color: #ffffff;
padding: 20px 20px 5px;
line-height: 170%;
font-size: 70%;
これでいいのでしょうか。
font-size: 70%;となっています。
pxのほう、
padding: 20px 20px 5px;を変えればいいのでしょうか？それともfont-sizeの７０→６０％とカに変えればいいのでしょうか？
すみません、何も分らなくて。
私のブログは
http://blog.livedoor.jp/nago0303/です。
ＨＳさん もう一つ、最初フォントを変更した時は
ＨＳさんのおっしゃる通り、
font-size:〇〇px;で、〇〇を変えて設定しました。今は、どちらを変えればいいのでしょう。
ＢＬＵＥＰＩＸＹさん、ＨＳさん
ありがとうございました。出来ました。
一つ一つしかできない私ですが時間もかかってしまいましたが、分かりました。まだまだわからないことだらけです。またよろしくご指導ください。
