プレビュー時と適用時の文字の太さ
私は今kagoneko_blog_02を使用しています。
テンプレート一覧でプレビューをしたときには、
タイトルの文字も本文の文字も普通の状態なんですが
実際適用すると、文字の太さが少し太文字のような感じになります。
この太文字っぽいのがどうも気にくわないので、何とかしたいです。
どのような原因が考えられるのでしょうか。
2011年08月25日 22:14 by 彩
詳しい解説ありがとうございます。
なるほど・・・
そういう理由があったんですね。
ひとつ知恵がつきました。
おっしゃるように該当部分を削除したところ
思っていたようになりました。
細かい注文を言ってしまいすみませんでした。
本当にありがとうございました!
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
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー