人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

昨年の夏過ぎ頃迄は、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タグを使用希望です。

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

●質問者: ???
●カテゴリ:はてなの使い方 ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
●400ポイント

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

<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


???さんのコメント
a-kuma3様 お世話になります。 参考になる回答を頂きまして、ありがとうございます。 上段のタグで書いてみた分と下段のタグを一つ書いてみた分の キャプチャーを取りました。 http://cdn-ak.f.st-hatena.com/images/fotolife/S/SumireS/20130115/20130115231024.png font-size: medium よりひとまわり小さいサイズの表示もほしいと思い、 素人の浅知恵で font-size: small と書いて並べてみましたが、 font-size: medium と同じサイズに表示されました。 (上段のタグで、表示はされることがわかりました) お尋ね致したいこと: 【01】font-size: medium で表示されるサイズよりも 小さい文字にしたい場合のタグの書き方 【02】回答欄内でご指導下さいましたフォントサイズに 色指定を加える場合のタグの書き方 ここもまた素人の浅知恵で書いてみたのですが、 <span style="font-size: xx-small;" style="font-color: #f2e6ff;">◎▲</span> では、指定の色が反映されませんでした。 更なるご指導を宜しくお願い申し上げます。

a-kuma3さんのコメント
色を変えるときには、font-color ではなく、color を使います。 ひとつの style 属性に、セミコロンで句切って、並べて書けます。 >|html| <span style="font-size: large; color: #f2e6ff;">◎▲</span> ||< んで、文字の大きさなんですけど、思い通りにするには、数値でサイズを指定するのが宜しいかと。 >|html| <span style="font-size: 7pt; color: red;">アカ</span> <span style="font-size: 10pt; color: blue;">アオ</span> <span style="font-size: 12pt; color: yellow;">キ</span> <span style="font-size: 16pt; color: pink;">モモ</span> <span style="font-size: 20pt; color: green;">ミド</span> ||< ↓ >> <span style="font-size: 7pt !important; color: red;">アカ</span> <span style="font-size: 10pt !important; color: blue;">アオ</span> <span style="font-size: 12pt !important; color: yellow;">キ</span> <span style="font-size: 16pt !important; color: pink;">モモ</span> <span style="font-size: 20pt !important; color: green;">ミド</span> <<

a-kuma3さんのコメント
あ、人力検索だと、font-size が無効化されてる orz 何かの回答で使った記憶があるのですけれど...

???さんのコメント
a-kuma3様 ご指導ありがとうございます。 色指定のタグは、反映されました。 ブラウザー: Firefox 使用でみてみた場合 font-size: 12pt より【大きい】サイズは違いがきちんと表示されます。 http://cdn-ak.f.st-hatena.com/images/fotolife/S/SumireS/20130116/20130116081941.png ブラウザー: Google Chrome 使用でみてみた場合 font-size: medium より小さいサイズが反映されました。 ただし、font-size: x-small と xx-small は同じサイズにみえています。 http://cdn-ak.f.st-hatena.com/images/fotolife/S/SumireS/20130116/20130116083320.png ブラウザー: IE 使用でみてみた場合 指定通り・タグの違い分 が反映されて表示されました。 http://cdn-ak.f.st-hatena.com/images/fotolife/S/SumireS/20130116/20130116083446.png (日常ネット利用・日記記入・日記閲覧 等で IE全然使ってないのですけど・・・汗) Firefoxですと サイズ反映表示が全然NGという感じです。 世間一般多くの人達は、どのブラウザーを使用しているのでしょうかね。 2度目の回答誠にありがとうございました。

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

???さんのコメント
a-kuma3様 大変ご丁寧なご指導をありがとうございます。 なるほど なるほど そうなのですね。 「なし」にすると 人力検索・ハイク その他のサイトの文字が とても小さい表示になりすぎて、 それで、いつぞやかに フォントサイズを指定してあった という記憶がうっすらとよみがえりました。(はっきりではなくうっすらと) はてなダイアリーのほうの文字タグ書き方もご指導頂けて学ぶことができましたし、 表示にかかわることはブラウザーのフォント設定で左右される事を知ることができました。 誠に、誠に、ありがとうございました。 <(_ _)>

2 ● taroe
●200ポイント
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

???さんのコメント
taroe様 各サイズの表記と表示をありがとうございます。 この中で使いたいサイズは、 x-small 標準サイズ-2 small 標準サイズ-1 medium 標準サイズ なのですが、 はてなダイアリーに上手く違うサイズで表示反映ができないでおります。 ご指導宜しくお願い申し上げます。

taroeさんのコメント
回答者1さんのpt表示でどうなるかを調べてみてください。 ブラウザや表示するフォント、CSSの兼ね合いにより たとえば7ptと指定してるのに、10ptで表示されるなどはあります。 <span style="font-size: 7pt; color: red;">アカ</span> 10ptより小さい文字は、すべて10ptで表示されるので、x-smallと指定してるのに 小さくならないという感じですね。 !import属性を付けても小さくならないので・・。 1.IEとそれ以外のブラウザでの表示差があるかどうか 2.fontサイズだけでなくて、font自体を指定してみる 思いつくのはこの2つぐらいでしょうか?

???さんのコメント
taroe様 ご指導ありがとうございます。 回答者1(a-kuma3様) の回答欄へ ブラウザーによっての表示キャプチャーURLを記入致しました。 表示差 たっぷりありました。 taroe様のおっしゃるところの 『font自体を指定』は、まだ試しておりません。 『font自体』の指定というのは、文字の種類(形)の意味でしょうか? もし、そうであれば、一般的なフォントというのは どのようなものがございますでしょうか? 2度目の回答誠にありがとうございました。

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の設定の問題だと思います。

???さんのコメント
taroe様 ご指導ありがとうございます。 書いて下さったタグでテストしてみましたところ、 FireFox で 若干のサイズに差異がある文字2つになりました。 Chrome と IE は とても差がある文字2つになりました。 はてなダイアリー側のCSSの設定は、自分でなんとか好みの文字指定が可能なのでしょうか? 3度目の回答ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ