はてなダイアリーを書く時に使う文字サイズの記入方法について教えて下さい。


昨年の夏過ぎ頃迄は、Fontタグで文字サイズの指定が、
はてなダイアリーで反映されていたのですが、
秋頃より、指定した文字サイズが反映されなくなりました。

現在、
<ont size="-1">▲◎</font> と、<font size="-2">▲◎</font> 
または、
<font size="1">▲◎</font> と、<font size="2">▲◎</font> 
または、
<font size="1">▲◎</font> と、<font size="2">▲◎</font> と、<font size="3">●▲◎</font> が
同じ文字サイズに表示されてしまいます。

(タグ前後の<>は、実際には半角で記入しておりますが、この質問文では便宜上全角で書きました)


アップした記事が希望の文字サイズで表示される為には、
どのようなタグ記入をすれば良いでしょうか?

はてな記法やダイアリーの入力支援機能は使わずに、
HTMLタグを使用希望です。

ご指導宜しくお願い申し上げます。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/01/16 13:54:58
  • 終了:2013/01/18 14:24:02

回答(2件)

id:a-kuma3 No.1

a-kuma3回答回数4502ベストアンサー獲得回数18692013/01/16 15:11:07

ポイント400pt

なぞなぞ認証がかかっているので、実際のダイアリーを確認したわけではないのですが、こうしてみたらどうなりますか?

<span style="font-size: medium;">サイズ1</span>
<span style="font-size: large;">サイズ2</span>
<span style="font-size: x-large;">サイズ3</span>
<span style="font-size: xx-large;">サイズ4</span>

↑でも、サイズの指定が効かないとしたら、こうしてみたら、どうなりますか?

<span style="font-size: medium !important;">サイズ1</span>
<span style="font-size: large !important;">サイズ2</span>
<span style="font-size: x-large !important;">サイズ3</span>
<span style="font-size: xx-large !important;">サイズ4</span>

style="font-size: ○;" の「○」のところは、フォントサイズの指定です。
ピクセルやポイントのような数値指定、パーセントでの相対値での指定、small や large といったキーワードでの指定ができます。
http://www.htmq.com/style/font-size.shtml

他4件のコメントを見る
id:a-kuma3

Firefoxですと サイズ反映表示が全然NGという感じです。

ぼくは普段使いが Firefox です。
この設定が効いているから、小さい方のサイズ指定が効かないように見えるのです。
f:id:a-kuma3:20130117090218p:image
「ツール」→「オプション」の「コンテンツタブ」で、フォントと配色の「詳細設定」ボタンです。
「なし」を選択すると、小さいサイズの指定も、その通りになります。

2013/01/17 09:11:03
id:SumireS

a-kuma3様

大変ご丁寧なご指導をありがとうございます。
なるほど なるほど そうなのですね。

「なし」にすると 人力検索・ハイク その他のサイトの文字が 
とても小さい表示になりすぎて、
それで、いつぞやかに フォントサイズを指定してあった 
という記憶がうっすらとよみがえりました。(はっきりではなくうっすらと)

はてなダイアリーのほうの文字タグ書き方もご指導頂けて学ぶことができましたし、
表示にかかわることはブラウザーのフォント設定で左右される事を知ることができました。

誠に、誠に、ありがとうございました。
<(_ _)>

2013/01/18 03:40:40
id:taroe No.2

taroe回答回数1099ベストアンサー獲得回数1322013/01/16 16:37:18

ポイント200pt
xx-small	標準サイズ-3
x-small	標準サイズ-2
small	標準サイズ-1
medium	標準サイズ
large	標準サイズ+1
x-large	標準サイズ+2
xx-large	標準サイズ+3
http://webdev-nekodama.xii.jp/css/pDetail.php?g=font&p=font-size
他3件のコメントを見る
id:taroe


font自体というのは、CSSでMSゴシックとかそういう指定をすることです。
誤解を与える書き方で申し訳ありません。書体によっては、10ptまでとかになる場合があるようです。
今回の場合は、関係ない可能性は高いと思います。


パソコンのローカル側で、
test.htmlというファイルを作成して
その中身に
<span style="font-size: x-small !important;">サイズ1</span>
<span style="font-size: medium !important;">サイズ2</span>
のように書いて、

FireFoxでどう表示されるか確認してみてください。
これで、大きさが変化しないのなら、
ブラウザの設定の可能性があります。

しかし大きさが変わるのなら、
はてなダイアリー側のCSSの設定の問題だと思います。

2013/01/17 15:48:32
id:SumireS

taroe様

ご指導ありがとうございます。

書いて下さったタグでテストしてみましたところ、
FireFox で 若干のサイズに差異がある文字2つになりました。
Chrome と IE は とても差がある文字2つになりました。

はてなダイアリー側のCSSの設定は、自分でなんとか好みの文字指定が可能なのでしょうか?


3度目の回答ありがとうございました。

2013/01/18 03:47:13

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません