• ベストアンサー

タグが反映してくれません

こんにちは。 お世話になります。 テキストを参照にして、デフォルトスタイルシートに下記のタグを入力したのですが、 反映されません。 ホームページを作るのも初めてなので、お恥ずかしい話ですが、 いったい、どこを間違えいるのかもわかりません。 入力したタグは、 body {font-family:`メイリオ`,`hiragino kaku gothic pro`} です。 その他にデフォルトシートに入力したタグは反映されているのですが、 上記のタグだけ、どうしても反映しません。 どなたか、教えては下さいませんでしょうか? よろしくお願いいたします。

  • CSS
  • 回答数2
  • ありがとう数4

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

body {font-family:`メイリオ`,`hiragino kaku gothic pro`}  全角文字や半角スペースを含むfamily nameは引用符で囲みますが、引用符は""でも''でも良いですが、``は引用符としては扱われません。  また、必ず、最後に総称ファミリー名をつけなければなりません。 body {font-family:'メイリオ',"MS Pゴシック",'hiragino kaku gothic pro','Osaka',sans-serif;} ;はその宣言が最後のときは必須ではありません。  ⇒15. フォント( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/fonts.html )

jiqimao80
質問者

お礼

丁寧かつ詳細なご回答、ありがとうございました。 ご紹介くださいましたurl、参照いたしました。 大変勉強になりました。 ありがとうございました。

その他の回答 (1)

noname#185852
noname#185852
回答No.1

body {font-family:`メイリオ`,`hiragino kaku gothic pro`} "と書くべきところが、`となっています また、行末に;が抜けてます

jiqimao80
質問者

お礼

ご回答ありがとうございます。 早速、入力してみます。 ありがとうございました。

関連するQ&A

  • フォント変更がどうしてもできません

    こんにちは。 お世話になります。 フォントをメイリオに変更しようと思い、デフォルトシートに、テキストを参照しながら タグを入力しましたがうまくいきませんでした。 okwaveで、親切な方にお教え頂いたタグを入力しましても、反映してくれません。 デフォルトシートに入力したタグは、以下になります。 body {font-family:'メイリオ',"MS Pゴシック",'hiragino kaku gothic pro',sans-serif;} その他の情報は、ちゃんと反映されていますが、もしかしたら、初心者ですので、 他のタグの入力が間違えているかもしれませんので、下記に記載いたします。 [デフォルトシート上のタグ] body {font-family:'メイリオ',"MS Pゴシック",'hiragino kaku gothic pro',sans-serif;} h1 {font-size: 38px} p {line-height:1.5} [ホームページ本体のソース] <html> <head> <meta charset="UTF-8"> <title>真夏のひまわり畑-forest studio</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>真夏のひまわり畑</h1> <p>森の工房の隣にある畑は、毎年夏になると満開のひまわりの 花で黄色く染まります。ひまわりは「日輪草」とも呼ばれ、 太陽に向かって花を咲かせます。大きなひまわりは背丈が2 メートルを超え、見ごたえも十分です。畑の周囲は約5キロ の散策コースになっていますので、花を見ながら散歩をする のもおすすめです。</p> <p>太陽の光をいっぱいに浴びたひまわりの種は、冬の間の野鳥 たちの餌になります。また、ひまわり油も抽出し、料理屋やお 菓子作りに活用しています。ひまわりの種を香ばしくロース トしたクッキーも人気商品です。</p> </body> </html> また、あわせて教えていただきたいのですが、テキストには「'」「"」の区別はない、 と記載されていました。 ということは、一つのタグの中に両者を混ぜて使用しても、正常にデータとして 反映される、ということでよろしいいのでしょうか? テキストの説明を見ましても、いまいち、よくわかりません。 どなたか、お力を貸してはいただけないでしょうか? よろしくお願いいたします。

    • 締切済み
    • CSS
  • 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での表示もクロームと同様。 上記が試してみたことです。 原因、対策がお解かりの方がおられましたらご教授下さい。 また、提示情報に不足があれば追加致しますので宜しくお願い致します。

  • 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
  • Win,IEでヒラギノフォントをメイリオに置換する

    こんにちは。 Windows7、IE9を使用しております。 先日、ヒラギノフォントをインストールしたところ、 IEでのWebサイトの表示にヒラギノフォントが適用されるようになってしまいました。 ヒラギノにClearTypeが適用されると非常に見づらく、これをメイリオでの表示に戻したいと思っております。 そこで、IEのユーザースタイルシートを用い、@font-faceを使ってヒラギノをメイリオに置換してやろうと思ったのですがうまくいきません。 どこに問題があるのでしょうか・・・教えていただきたいです。よろしくお願いします。 以下ユーザースタイルシートの本文です。 * { } @font-face { font-family: 'ヒラギノ角ゴ Pro W3'; src: local("メイリオ"); } @font-face { font-family: 'Hiragino Kaku Gothic Pro"; src: local('Meiryo'); } GoogleChromeまとめWiki http://chrome.half-moon.org/31.html 「別のフォントに設定しても変わらない 」 を参考にして、スタイルシートを書いてみたのですが・・・ 文字コードはUTF-8にして保存してあります。 なお、gdi+で表示をきれいにする方法や、「Webページで指定されたスタイルシートを使用しない」などの方法も存じておりますが、 それぞれ重くなってしまったり表示が崩れたりするため、今回は「ヒラギノをメイリオで置き換える」という方法を取りたいと思っております。 わがままな質問かと思いますが、よろしくお願いします。

  • 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 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
  • CSSが反映されません。

    当方html+cssの練習中の者です。 いままでは、WindowsXPのメモ帳でhtmlとcssを手打ちして、chromeとIE8で開いて確認していました。 そして今週、Windows7に乗り換え、練習で作成したhtmlを開いたところ、 デフォルトスタイルシートの状態で表示されました。 ・ htmlとcssは同じフォルダに収めてあります。 ・ ファイル名は、「○○.html」と、「style.css」で、エンコードはどちらもUTF-8です。 ・ ブラウザはIE10で、設定は何もいじってない、デフォルトの状態です。 ・ chromeでも試しましたが、同じくCSSは反映されません。 ============↓htmlです↓============== <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8> <title>あきまん - プロの画力向上法まとめ</title> <Link rel="stylesheet" href="style.css"/> </head> <body> <header> <h1>プロの画力向上法まとめ</h1> </header> <article> <h1>あきまん</h1> <h3>方法論:量 長期戦 <br>出自:東京デザイナー学院中退 → アニメーター → 株式会社カプコン入社 → イラストレーター</h3> <h2>どうすれば絵が上手くなりますか?</h2> <p> 本心にうまくなりたかったら <br>~以下省略~</p> </article> <footer> <small>Copyright &copy; WATASHI no NAMAE, all right reserved.</small> </footer> </body> </html> ==================================== ============↓CSS↓================ body {font-family: 'メイリオ', 'hiragino kaku Gothic pro', sans-serif; background-color: lightgray} h1 {font-size: 38px} h2 {font-size: 29px} h3 {font-size: 21px} p {line-height: 1.15} ================================ 手打ちなのでミスがあるかとも思って インターネットでhtmlやcssの解説をしているサイトからコピー&ペーストしたりしましたが、 結果は同じでした。 仕事でhtml使わなきゃいけないので、こんな最初の段階で止まってるわけにいきません。 ご回答をよろしくお願いします。

    • ベストアンサー
    • 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