注目タグ

テンプレート・プラグイン

トピック詳細

プレビュー時と適用時の文字の太さ

私は今kagoneko_blog_02を使用しています。
テンプレート一覧でプレビューをしたときには、
タイトルの文字も本文の文字も普通の状態なんですが
実際適用すると、文字の太さが少し太文字のような感じになります。
この太文字っぽいのがどうも気にくわないので、何とかしたいです。
どのような原因が考えられるのでしょうか。

2011年08月25日 22:14  by 

コメント一覧 4件中、1~4件表示

  • 詳しい解説ありがとうございます。

    なるほど・・・
    そういう理由があったんですね。
    ひとつ知恵がつきました。

    おっしゃるように該当部分を削除したところ
    思っていたようになりました。

    細かい注文を言ってしまいすみませんでした。
    本当にありがとうございました!

    2011年08月28日 16:11 by

  • 彩さんのブログは サーバー番号のないブログ で、文字コードは utf-8 なのですが、旧ブログの多く(サーバー番号のある ブログ,多言語版を除く)では 文字コード euc-jp です。

    新仕様サーバーでは、テンプレをDLした時に 色々書き換えるような仕様があるのですが...
    このテンプレでは、CSS の文字コードに @charset "EUC-JP"; が元々設定されてい るようです。 新仕様の場合は DLする時に書き換えられます。

    これが PC・ブラウザ環境によって CSS文字化けを起こすようです。

    kagoneko_blog_02 でプレビューしたもの
    (http://)abc123days.blog.fc2.com/?share=33728&index& ;mob=0
    このCSSは、http://control.blog.fc2.com/css_preview.php?url=http ://control.blog.fc2.com/temp/01/css_NL0bVr.css で @charse t "EUC-JP"; ← 文字コードがファイルと合っていない

    彩さんのブログ
    http://abc123days.blog.fc2.com/
    このCSSは、http://blog-imgs-50.fc2.com/a/b/c/abc123days/css/d74 55.css で @charset "utf-8";


    preview.jpg : MS Pゴシック
    apply.jpg :  メイリオ ← 文字化けしなければ、これが本来の第一フォント

    メイリオ は、MS Pゴシック と比べるとぼやんとは見えますよね。
    どちらを設定するか (どのフォントを設定するか) は 好みの問題かと思います。


    body {
    font-family: "メイリオ", Meiryo, Verdan a, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif;
    }

    メイリオを適応させたくなければ、↑ 赤字部分を削除すればOKです。

    2011年08月28日 01:37 by paruparu

  • お返事ありがとうございます。

    他の方にはちゃんと見えてるんですね・・・。
    となると、ブラウザの設定のせいなんでしょうか。
    でも、プレビュー時と適用時で変わるって変ですよね。

    教えて頂いたもので、
    タイトル・ブログ名が細くなることが確認できました。
    ありがとうございます。

    しかし本文は・・・。

    試しにスクリーンショットを撮ってみました。
    プレビュー時
    (http://)blog-imgs-50.fc2.com/a/b/c/abc123days/preview.jpg
    適用時
    (http://)blog-imgs-50.fc2.com/a/b/c/abc123days/apply.jpg

    こう見ると、フォントが変わっているようにもみえます。
    些細な事と言えば本当に些細なことなんですが、
    テンプレートが可愛くて満足しているだけに、少し心残りなんですよね・・。

    細かい話で本当にすみません。

    2011年08月27日 15:17 by

  • テストしてみましたが、私には ↓ 2つとも同じように見えています。

    kagoneko_blog_02 でプレビューしたもの
    (http://)abc123days.blog.fc2.com/?share=33728&index& ;mob=0

    彩さんのブログ
    http://abc123days.blog.fc2.com/


    >この太文字っぽいのがどうも気にくわないので、何とかしたいです。

    これについては、スタイルシートの編集で その項目に
    font-weight:normal; を追加することで、調整は可能です。


    /* Header
    ---------------------------------*/

    #header h1 {
    font-weight:normal;
    }

    h2.entry_header {
    font-weight:normal;
    }

    2011年08月27日 00:58 by paruparu