livedoorblog css フォント不適応の対策

このQ&Aのポイント
  • livedoorのブログ内の全フォントをメイリオに変更したが、本文のみ反映されない問題が発生している。
  • CSSの`font-family`を変更したが効果がないため、他の対策を試したが問題は解決しない。
  • ブラウザの設定や文字コードの指定が原因ではないかと考えられる。
回答を見る
  • ベストアンサー

livedoorblog css フォント

cssの一部不適応についての対策を教えて下さい。 初めに申しておきますとかなりの素人です。 cssをみて、body….font….とは?どこ?と試しに変更してみてなんとかやっている状態です。 表題にあるとおりlivedoorにてblogをしており、この度ブログ内の全フォントをメイリオに変更致しましたが記事の本文のみ反映されません。 他のブログ名・記事名・サイドバー・ページ数・次へ・コメント等には反映致しました。 やったことといえばcssから”font-family”を探し出し、すべての頭にmeiryo,"メイリオ"を追加しました。 追加した部分は body { line-height: 1.3; background: #fff; color: #333333; font-size: 80%;/*サイドバー?全体?*/ font-family: meiryo,"メイリオ","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: "meiryo","メイリオ", "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ヒラギノ角ゴ Pro W3","MS P明朝",serif; } div#introductionOuter h1 a:link, div#introductionOuter h1 a:active, div#introductionOuter h1 a:visited { color: #333; font-weight: normal; font-size: 100%;/*ブログタイトル*/ font-family: "meiryo","メイリオ","Arial","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; text-decoration: none; } div.archiveTitleOuter h2 { margin-bottom: 50px; padding: 15px 0; border-top: dotted 1px #666; border-bottom: dotted 1px #666; font-family: "meiryo","メイリオ"," Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; font-weight: normal; text-align: center; } div#article-options h3 { font-family: "meiryo","メイリオ","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; font-weight: normal; } の5箇所です。 スタイルはExtensible Gallery (プレーン) CSSを使用しております。 本文はMS Pゴシックが適応されています。 過去の質問等調べたところ文字コードの指定?@charset "utf-8";をcssの最後に追加は反映せず。 body a による全体?の指定をcssの最後に追加はやってみましたが反映せず。 普段はクローム(シークレットモード)を使用しておりますが、サイドバーなどは反映されていることよりブラウザ側の設定ではないですよね?念のため設定のフォントカスタマイズよりメイリオに変更してみましたがコレも反映せず。 IEでの表示もクロームと同様。 上記が試してみたことです。 原因、対策がお解かりの方がおられましたらご教授下さい。 また、提示情報に不足があれば追加致しますので宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • kobliha
  • ベストアンサー率88% (120/136)
回答No.1

<div class="articleOuter outer entry-content"> <div class="articleInner inner"> <div class="article contentBody main"> <$ArticleBody$> であるから、 div.article { font-family: Meiryo, "メイリオ", sans-serif; } を追加すればヨイ。 sans-serif とはゴシック系フォントの総称。 世の中 windows PC ばかりではない。windows でない PC のことも考えておくのがスマート。 もっとも、他人の押し付けフォントなんてマッピラごめんという人もいる。 私も windows ではないが。

kkkkokoko
質問者

お礼

ご回答ありがとうございます。 無事に解決致しました。 もしやと思いましたがあなたは以前にタグクラウドの設置の質問をした際にご教授いただいた方ですね。 毎度大変にお世話になっております。 これからも少しずつ良く?していこうと思っているのでその際は何卒宜しくお願い致します。 *ほぼ自己満足なブログなのですが、一般公開しているものなのでwindows,macや押し付けフォントのことも考えないといけませんね。 勉強になりました。 どうもありがとうございました。

関連するQ&A

  • CSS SafariでMS P ゴシックを表示したい

    SafariでMS P ゴシックを表示したいのですが、 font-family: 'MS Pゴシック', MS P Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; 上記のCSSでは表示してくれません。 SafariでもMS P ゴシックを表示する方法をお願いいたします。

    • ベストアンサー
    • HTML
  • font-familyの使い方

    font-familyに正しい使い方ってあるんでしょうか? 私、ブログとサイト(共にFC2)やってるんですけど2種類(3種類?)のfont-familyを使ってるんです。 これって閲覧者にとっては見づらいものなのでしょうか。 ブログの方では、bodyに font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","verdana","arial", sans-serif; を使い、記事の本文にだけ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',Osaka,sans-serif; を使ってます。 サイトでは、bodyに font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',Osaka,sans-serif; を使い、メニュー部(英語)には font-family: Georgia,Helvetica,Arial; を使い、小説部分では説明(感想)部分はbodyのままですが本文では font-family: 'MS Pゴシック', sans-serif; を使ってます。 フォントサイズについては、基本11pxですが本文だけ12pxにしてます。 日本語の部分はsans-serifだしいいかぁと思ってるんですが、やはり見にくいものなのでしょうか? こちらの意図としては本文だけ見やすかったらいい、と思っています。 ふと疑問に思ったことなので、暇な時に回答して頂ければ幸いです。

    • ベストアンサー
    • HTML
  • CSSがFirefoxで効かない(IEでは効く)

    body{    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } という記述をしているのですが、IE7では有効なのに、Firefox3では有効になりません。 なぜなのでしょうか? ご存じの方いらっしゃいましたら、お教えいただけると幸いです。 よろしくお願いいたします。 *当方環境は、vista ultimate 64bitです

    • ベストアンサー
    • HTML
  • CSS IEでもfontにアンチエイエリアスを

    cssにfont-familyを設定し、firefoxではfontにアンチエイリアスが掛かる一方、 IEでは掛からないのですが、IEでも掛かけるためにはどの様にすると良いでしょうか? 例:http://www.postalmuseum.jp/collection/genre/index-14.html 因みに、html5で組んでおり、使用しているfont-familyは以下の通りです。 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; 宜しくお願いします。

    • ベストアンサー
    • CSS
  • floatの使い方

    すごく初歩的な質問をさせて下さい。 DW5.5を使用しております。 「contents」というdivの中に「main_1」と「main_2」というdivを入れたいのですが、 floatを使用するとcontentsの下側に回ってしまいます。 「main_1」を左寄せに、「main_2」を右寄せにして「contents」内にはめるには どのようにすればよいのでしょうか? どなたかご教授下さい。 <<ソース>> <body> <div id="contents"> <div class="main_1"> </div> <div class="main_2"> </div> </div> </body> <<css>> *{ margin:0px; padding:0px; } img{ border:none; } li{ list-style-type:none; } body{ font-size:12px; line-height:1.4em; font-family:"MS Pゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; background-color: #333333; margin:0px auto; } /* FireFox リンク選択時の点線を消す */ a{ overflow:hidden; outline:none; } /* FireFox flashの境界の点線を消す */ object{ outline:none; } #contents{ width: 940px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; background: #000 url(../img/con_main.png) repeat-y; padding-top: 42px; padding-left: 60px; } .main_1{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; padding-left: 40px; width: 550px; float: left; height: 500px; } .main_2{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; float: right; width: 296px; padding-right: 30px; height: 500px; }

  • CSSのフォント指定

    現在bodyに以下の設定をしています。 font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; 実際にヒラギノ角ゴ Pro W3をインストールしてサイトを見るとアンチエイリアスが 掛かっていないようで非常に文字が見づらいです。 ※環境はWinXPでIE8 上記の設定をしたのも以前に調べてみた際に定番のような指定に見受けられたので このような設定にしたのですが今の定番ってありますか? また、こんな設定にしているなどというアドバイスもいただけます嬉しいです! 宜しくお願いします。

  • font-familyで色々指定しても全く変わりません;

    font-familyで色々指定しても全く変わりません; windowsでホームページを見るとフォントが見づらかったため ネットで読みやすいフォントを検索し、 CSSで font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica; と指定しました。 しかし、指定しないファイルと見た目が全く同じなのですが XPには上記のフォントはプリインストールされていないのでしょうか? 上記の指定はフォントをダウンロードしている人にのみ適用されるだけなのでしょうか?

    • ベストアンサー
    • HTML
  • font-sizeが効きません

    どうしてもfont-sizeが効きません。もう、昨日からずっと格闘しております・・・ ninjaブログへの指定はこれでうまくいっているのですが、 ホームページのほうは何故かfont-sizeだけダメなのです。 理由と解決策をお聞かせ頂けますとうれしいです!よろしくお願い致します。 body { background-color : #210709; background-image: url("bg_kusa.jpg"); background-position:bottom center; background-repeat:no-repeat; background-attachment:fixed; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "MS Pゴシック", "MS PGothic", sans-serif; color:#444; font-size: 60%; }

    • ベストアンサー
    • CSS
  • スクロールバーの色を(黒色に)変えたいので、下記のようにHTMLを記述

    スクロールバーの色を(黒色に)変えたいので、下記のようにHTMLを記述しましたが、上手く出来ません。変更が出来ないのです。どなたか解る方がいましたらスクロールバーの色の変更のやり方を教えてください。よろしくお願い致します。 因みに、私はドリームウェーバーCS5を使用しております。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>KANESUZU</title> <style type="text/css"> body { background-image: url(sozai/back.jpg); margin-top: 20px; margin-bottom: 20px; scrollbar-face-color:#000000; color: #BBCADE; } .waku { border: 1px solid #999; } .style7 { font-size: 12px; color: #999; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } .obi { background-image: url(sozai/obi.jpg); } .obimoji { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 14px; color: #999; }

    • ベストアンサー
    • HTML
  • font-sizeが効かない

    html5でHTMLソースを記述しています。 時々、font-sizeが効かない事がありますが、どうしてかわかりますでしょうか? HTML>ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <div class="mainContents"> <a href="#"><span class="r20 t30 b30 right"><戻る</span></a> <div class="clear"></div> </div> CSS>ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー .right { float:right; } .r20 { margin-right:20px; } .t30 { margin-top:30px; } .b30 { margin-bottom:30px; } .mainContents { width:320px; background-color:#fff; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-size:12px; } 確認ブラウザは、SafariとFireFoxです。 よろしくお願いいたします。

    • ベストアンサー
    • CSS