解決済

clip!clip!
Ads By Google

このやり方では文字の大きさが変更できないんですが…(-_-;)

ブログの記事編集画面で、 <font size="..">変わらない</font> とし、投稿プレビューで見てみるときちんと文字サイズが変わっているにも関わらず、いざ投稿して自分のブログを見てみると、文字の大きさが何も変わっていません。
なぜ変わらないんですか?

<span style="font-size:10px;">これもダメ</span>

ちなみにこのようにやっても変わりません。。。


それで、<font style=font-size:10px;>キャンディ</font>

こうやってやると、きちんと文字のサイズが変わって表示されます。

一番単純な、<font size="1">シャンティ</font>でできないのは、CSSで何か指定してあるからでしょうか?

2006-07-16 21:37の質問
文字  変更  大きさ  変わらない  なぜ  
ナゼ
歌ネットによる歌詞情報です
www.uta-net.com/user/phplib/J-Word.php
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(4)

1.

2006-07-16 22:02:29みんなナイスな
文字が小さすぎて、ブラウザの設定でそれを拒否してるからではないでしょうか

2.

2006-07-17 01:11:52みんなナイスな
できなかったかぁ。。おかしいですねぇ。
CSSに書いてあるのは基本の設定内容です。
CSSに書いてあるフォントの大きさに対し、
投稿記事から変更を促す方法をお伝えしたのですが。
ブラウザの設定という説も一理あるかもしれませんね。
もしよかったら、そのブログのURLを教えていただけませんか?
回答レベル : アドバイス

3.

2006-07-17 19:40:32みんなナイスな
<font size="-1">
と相対指定にしてみてもダメですか?

ところで、
<font size="2">
とした場合は変化しませんか?
どの辺の数からどう変化するのか、できれば教えてください。
基準の大きさを知りたいもので。

4.

2006-07-22 03:33:11みんなナイスな
HTML の height=100 や width=100 などは
単位を書きませんが、
CSS では単位は必須です(δ。δ;A)゛

※ 長さの定義として以下のものがあります。

10em ... 文字の高さを基準とした1文字分の長さ
10ex ... 文字xの高さ
10px ... 10ピクセル

10in ... 10インチ (1in=2.54cm)
10cm ... 10センチメートル (1cm=10mm)
10mm ... 10ミリメートル (10mm=1cm)
10pt ... 10ポイント (1pt=1/72in)
10pc ... 10パイカ (1pc=12pt)

こちらのサイトが分かり易くて参考になるかと(^▽^)/

■ とほほのスタイルシート入門

自信度 : 自信あり 回答レベル : 回答
Ads By Google

コメント(33)

#1.  candy_300
2006-07-16 22:09:49

文字サイズは、質問内容にあるよう10px程度です。

#2.  Yuji
2006-07-17 01:24:21

ちなみに、CSSつまりスタールシートは大雑把に言うと、更新した記事やプラグインなどの情報に対し、形式を与える書式のことです。
細かな文章の変更などに対しての影響力は少ないはずです。

2006-07-17 11:13:14

>キャンディさん
http://knowledge.livedoor.com/10099
のコメントを見てここに来ました。

プレビューでは文字サイズが変わるのに
投稿すると文字サイズが変わっていない
うーん何でだろう・・・。
謎です...(・・;)

#4.  candy_300
2006-07-17 21:05:44

>>回答3 horseflyさん

投稿プレビュー画面で、<font size="-1">としましたが、変化はしませんでした。

次に、<font size="2">としましたが、変化しませんでした。それはおそらく僕のCSSのブログの記事を書く文字の大きさがそれと一緒だから変化しなかったのだと思います。
ためしに、<font size="5">としたところ、大きくなりました。

それらの文字を、実際に投稿してブログ上で見てみたところ、何も変化していませんでした。

どの数を入れても<font size>という指定では、サイズは変わりません。

普通はこのやり方でかわりますよね…? 

#5.  horsefly
2006-07-18 11:42:04

>>#4
返事が遅れて申し訳ない。

ブログでの表示を変えたいということが、ご質問の趣旨だと解釈しましたので、<font size="-1">や<font size="-2">として、「ブログの表示が変わるかどうか」を見て頂きたかったのですが。
同じく、<font size="2">とか数字を上げて、ブログでの表示を確認して頂けると、何かの設定があるかどうか探れると思ったのですが。

プレビュー画面とブログでの実際の表示とは、スタイルシート等が違いますので、ある程度の確認にしかなりませんね。幅も固定されていませんし。

#6.  candy_300
2006-07-18 13:58:20

コメント4でも書きましたが、ブログで表示が変わるかどうか確認しましたところ、変わりませんでしたよ…?(-_-;)

#7.  翠芽
2006-07-19 01:46:18

>>#3万年床生活者さんと同じ質問から来ました。
そちらの方と同じデザインを使われているのかも、と思いました。
何かの設定なのかデザインに原因があるのかは見てみないと解りませんが…(そしてあまり知識もないですが)
差し支えなければ使っているデザインを教えて頂けないでしょうか?(カスタマイズしてあるかどうかもお願いします)
別ブログでの検証を試みます。

2006-07-19 04:36:39

私も同じ環境・デザインで検証してみたい。

#9.  candy_300
2006-07-19 09:04:00

デザインは、ライブドアブログのシーズンというところにある、「Butterfly Garden(2カラム)」です。

僕と同じように、<font size="">変わらん!</font> で困っている人がいると思うので、ぜひ解決してください(>_<)
それと、僕のブログはちょこちょこカスタマイズしてあります。どこをカスタマイズしたかまでは全部覚えてません…(*_*;

#10.  翠芽
2006-07-19 20:51:46

検証しました。
http://blog.livedoor.jp/sui_ren_/
この中で

嘘ですちょっと言ってみたかった。
ですが<font size="1"></font>で囲みました。
コレは反映されていませんね。

参考までに私が検証したブラウザです。
Internet Explore 6.02
Netscape 7.1
Opera 9.00
Lunascape Lite Ver 3.0.3

うーん…デザインに問題があるのでしょうか?

#11.  candy_300
2006-07-20 00:55:03

やはり変わりませんでしたか…。

「ナレッジ専用検証ブログ」
というところは文字が大きくなってますけど、そこはどうやってやったのですか?

#12.  翠芽
2006-07-20 14:28:14

>>#11
同じ<font size=""></font>タグです。
数値のトコロを4にしただけで他は何もしていません。
字を小さくするタグが効かないのでしょうか…

2006-07-20 15:36:59

>>#12
翠芽さん、すいませんリクエストいいですか?

<span style="font-size:8px;">普通なら、読めないほど小さいハズ</span>

#14.  candy_300
2006-07-20 21:40:28

原因不明ですね…。
なぜそんなことが起きるのかわかりませんよね…?(汗
数値によってかわるなんておかしい…

けど解決したい!

#15.  翠芽
2006-07-21 15:15:03

>>#13万年床生活者さん
やってみましたよー。
http://blog.livedoor.jp/sui_ren_/
ちっちゃくなってます。
sizeを1~5ではなくpxで定義すればいいんでしょうかね?

2006-07-21 20:39:52

>>#15
ありがとうございます。
ということは、デザインが原因ではないという事になりますね。

sizeを1~5ではなくpxで定義すればいいんでしょうかね?
私の経験では<font size~>だと、大きくは出来ても小さくはできないのですが
この方法ならば普通は小さくできます。

しかし…質問にもあるように、キャンディさんの場合は
この方法でも投稿した記事の文字の大きさに変化がなかった。。。
となると、やはりカスタマイズした際の
タグの閉じ忘れや記述ミス等が原因のような気がするのですが・・・。

#17.  翠芽
2006-07-22 01:10:18

んーんー…CSSが原因なんですかねぇ。

>>キャンディさん
<font size="1">ではダメだったんですよね?
<font style=font-size:7px;></font>だと問題ない、と判断してもよろしいんですかね?
それとも字を小さくすると言う作業のみ、どのタグでも受け付けないっていうコトでしょうか?

んー…新デザインになっちゃったから受け付けなくなったってワケじゃないですよね?
私のブログは旧デザインのままなので何とも言えませんが…。

#18.  candy_300
2006-07-22 01:41:37

>>#17

><font size="1">ではダメだったんですよね?
そうです、ダメでした。。。

><font style=font-size:7px;></font>
これだと問題なくできます。

結局何が原因なのでしょうか?
ふつうは<font size=""></font>でできるんですもんね?
僕がHTMLやCSSをカスタマイズしたときにタグをミスッたのか…。
けどたぶんそれはないと思う…^^;

ん~。。。わからない…

#20.  [μ] michael
2006-07-22 03:40:40

>>4. ※補足です。

ブログの表示が、CSSの定義では正しいです。
投稿プレビュー画面の方が、おかしいんです...orz

投稿プレビュー画面は、
HTMLやCSSを素直に表示してくれません。
簡易的に丸め込んだ表示になります。
確認する為の機能なのに。。。

#21.  翠芽
2006-07-22 06:09:50

>>#18キャンディさん
私の検証用のブログは、CSS等一切弄ってません。
ということは、最初からpxじゃないと小さくできないっていうコトだと思います。

>>#20の[μ] michaelさんの言うように

ブログの表示が、CSSの定義では正しいです。
投稿プレビュー画面の方が、おかしいんです...orz
ということなのであれば、何かミスがあったってワケではないかもしれません。
>>#3の方のデザインも見てみる必要があるかもしれませんねぇ…。
いっそのこと
<font size="1"></font>が効かないヒトって
他にも居ませんか?
て感じで質問立ててみたら色々解るかも…。

#22.  オニキス
2006-07-22 11:18:34

ヨコから失礼します。

タグのプロパティsizeは基準値に対しての相対指定で、小さすぎて読めなくなることを防ぐために、最小値以下には小さくならないようになっていることがあります。<small>も同じです。IEだとブラウザの表示メニューから文字のサイズを変えてみるとわかるかもしれません。

styleプロパティのfont-sizeでは、最小値の制約を受けません。pxで指定すれば、絶対指定なのでその値が反映されますし、%指定だと継承された大きさからの相対値でpx値を計算してその大きさで表示します。デザイン優先なら、全てstyleで指定した方がいいかもしれません。あるいは、CSSでsmallなどのクラスを定義しておいて、<span class="small">のようにすると嬉しい気がします。

Operaのズーム機能はウィンドウ全体の拡大を変えるので、px指定も拡大・縮小されます。

#23.  オニキス
2006-07-22 11:18:53

<span style="~">が効かないのは、万年床生活者さんの仰るように、そこに至るまでの箇所でタグをミスってる可能性が高いと思います。

2006-07-22 13:32:12

鬼☆先生参上!!
(いぁ、言ってみたかっただけです...orz)

#25.  candy_300
2006-07-23 00:37:07

<span style="">がきかないのはタグ、ミスッということでしょうかね…。。。ミスッった記憶はないのですが…。ってそれがミスってもんですよね。

とりあえずめんどくさいですが、

<font style="font-size:10px;">めんどくさい</font>
でやります。

一度、ナレッジで
<font size="1"></font>
で文字が変わらない人がいるかどうか聞いてみますね

#26.  candy_300
2006-07-23 00:50:40

http://knowledge.livedoor.com/10454


これが新たな質問です。

#27.  オニキス
2006-07-23 01:05:56

あぁ・・・#22の書き方が悪かったでしょうか。fontタグのsize指定は環境に依存しますので、同じブログでも見る人によっては効いているように見える人とそうでない人があるので、同じように見えた方がいいなら、使わない方が無難ですよ、と言いたかったのですが。。。

#28.  candy_300
2006-07-23 20:32:42

なっ、、、なるほど(゜o゜)!

#29.  翠芽
2006-07-26 10:50:28

結構な期間放置してた( ̄□ ̄;)!!
大御所オニキス氏のご登場で検証ブログの役目も終えること出来そうですかね?

本来の役目ってコレと言って使い道ないんですけれど。

2006-07-27 06:26:48

私の検証ブログはそもそも出番無し...(T T)
http://blog.livedoor.jp/mannendoco_trial/archives/...

#31.  candy_300
2006-07-29 00:41:05

すいません、かなり放置してしまいました(T_T)

もう誰も見ていないですかね…?
数日後に閉じますね。
解決したようでしてないみたいな微妙な心境です。。。

万年床生活者さんのお試しブログでわざわざ検証していただき、どうもありがとうございました。

2006-07-29 17:14:47

>>#31
どういたしまして。
私のブログでは文字は小さく見えましたか?

すっきり解決できないのは少々残念ではありますが。。。

#33.  candy_300
2006-08-05 09:32:47

>>#32
はい、小さくなっていましたよ。
けど、どこをどうしたのか教えてくれないと、本当は違っていたりするかもですが…(*_*;
どうしましょう?

2006-08-05 10:01:44

>>#33
私は、ご質問にもあるように

<span style="font-size:10px;">これもダメ</span>
↑こう書きました。

解決していないのに無理に閉じる必要はないと思いますよ。

私からの提案としては
別IDで検証用のブログを作ってみてはいかがでしょうか。
すくなくとも "サラ" の状態であれば上記の方法で必ず文字が小さくなるはずなので、そこからご自身のカスタマイズされた本ブログとの違いを比較・検証していけば文字が小さくならない原因が突き止められるのではないかと思います。

余談ですが、IEでは文字が小さくなるのにFirefoxだと文字が小さくならずに困った経験があります。
FirefoxはHTMLやCSSの文法ミスに厳しいようです。

トラックバック(2)

トラックバックURL: