ブログのフォントをComic Sans MSに変更する方法

このQ&Aのポイント
  • ブログのスタイルシートを編集してフォントをComic Sans MSに指定しましたが、反映されない問題が発生しています。
  • HGP行書体に変更した場合は正常に反映されたため、どこが間違っているのか初心者には理解できません。
  • 記事名や本文以外の要素は正しくComic Sans MSに変更されているため、詳しい解決方法を教えていただきたいです。
回答を見る
  • ベストアンサー

スタイルシート font-familyについて

ブログのスタイルシートをいじっているのですが、ブログの記事名、ブログ本文のフォントをComic Sans MSにしたいと思っています。 それでフォント名をComic Sans MSに指定するのですが、反映されません。 また、試しにHGP行書体にすると、きちんと反映されました。 他の「カテゴリー」「コメント」等、サイドメニューの書体はちゃんとComic Sans MSに変わります。 どうすれば、Comic Sans MSになるのでしょうか。 初心者なので、どこが間違っているのかが分かりません。 下は私の作っているスタイルシートです。 div.article_subject { color: #000000; font-size: 22px; font-weight: bold; font-family: Comic Sans MS,"MS Pゴシック",Arial,Helvetica,sans-serif; } よろしくお願いいたします。

  • Liliam
  • お礼率100% (674/674)
  • CSS
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • crepon133
  • ベストアンサー率51% (399/776)
回答No.1

Comic Sans MS は半角英数字だけに有効です 全角文字には反映されません 「"」で囲ってください "Comic Sans MS"

Liliam
質問者

お礼

ありがとうございます。 半角英数字だけに有効だとは、知りませんでした。 どうりでいくらやってもならないわけですね。

関連するQ&A

  • スタイルシートのフォントファミリーの設定について教えて下さい。

    スタイルシートのフォントファミリーの設定について教えて下さい。 IE6だと、font-size: 10px;が、日本語フォントに効きません。 英語フォントのみ小さくなって、日本語フォントは小さくならないのです。 ちなみに、ソースは、 body { font-family:Comic Sans MS, Verdana, "MS Pゴシック", Helvetica; .sidecontent { ・・・ここの日本語フォントサイズが効かない。 font-size:10px; font-weight:normal; } と記載しています。 わかる方がいたら、ぜひ教えて下さい。

  • スタイルシートで

    スタイルシートでフォントの種類を設定しましたが、変更できません?? フォントの種類を「Comic Sans Ms」というのにしたくて ・・・略 <style type="text/css"><!-- h1 {font-size:40px; font-family:'Comic Sans MS'} --></style> ・・・つづく と入力しましたが、ほとんど変化なしです。 原因がよく分かりません。 教えて下さい!!

    • ベストアンサー
    • HTML
  • divにも同じフォントスタイルを適用したい

    現在 p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%; } このような指定をしてあります。 しかしセンタリングなどに <div style="text-align:center;">のタグを使用するとセンタリングはされますけれど、上記CSSが反映されませんよね。 あちこちのHPを参考に色々試行錯誤をしていますけれど上手く反映されません。 div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} 以下略 div.test 等に変えても同じです。 どこがダメなのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートのフォントの変更について

    ホームページ作成初心者です。本を見ながらメモ帳でスタイルシートを使ってページを作成中です。 <style type="text/css"><!-- h1{font-size:40px;font-family:'Comic Sans MS'} --></style> 以上のように指定しているのですが、この欧文フォントが表示されません。 h1の文字列はローマ字です。 (PCにはこのフォントは入っています) どうぞ宜しくお願いします。

    • ベストアンサー
    • 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
  • FireFox3.5.3でfont-familyが効きません

    FireFox3.5.3で全くfont-familyが効かないのですが、 何か設定があるでしょうか。 使ったhtml --------------------------------------------------------------------------- <html> <head><title>書体テスト</title></head> <body> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS P明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS 明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:serif;"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;"> フォントのテスト </div> </body> </html> --------------------------------------------------------------------------- 各種ブラウザで確認しましたが、FireFoxだけ全くfont-familyが効きません。テスト結果は添付のとおりです。 FireFoxの設定は、オプションのコンテンツ・フォントと配色は「メイリオ」で詳細設定は以下のとおり   プロポーショナル:ゴシック   明朝体:MS P明朝   ゴシック体:メイリオ   等幅:メイリオ よろしく、お願いします。

    • ベストアンサー
    • HTML
  • 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
  • スタイルシートが効かない

    bodyに以下のスタイルを適用しています。 body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Arial', 'MS Pゴシック', sans-serif; font-size:12px; line-height:150%; color:#333333; } フォントサイズを12にしているのですが 別のフォントサイズとしてクラスで10pxを指定しても WindowsIEだと、10pxに表示されません。 また、bodyの12pxの指定をはずしても 10pxの指定が反映されませんでした。 ただし、16pxなど他のクラスだと反映されます。 10pxが反映されない理由が分かりません。 どなたかお分かりになる方 いらっしゃいましたら、ご教授願います。 よろしくお願いします。

  • cssのfont-familyについて

    cssのfont-familyについて教えてください。 Amazonのレビュー表記と同じフォントを使いたいですのが、うまくいきません。 http://www.amazon.co.jp/product-reviews/B007OZO03M/ref=dp_top_cm_cr... ソースを見るとCSS部分は、 font-family: arial,helvetica,osaka,"MS PGothic",sans-serif; font-size: small; となっています。 しかしこれをそのまま貼付けてみても、適用されずにamazonレビューと同じフォントで表示されません。 http://hmaster.net/tagtest.html 見やすいフォントなのでサイトで使用したいのですが、どうすれば適用されるでしょうか? ソース部分を間違えているのか、付け足さなければならない部分があるのか分からずに困っています。 よろしくお願いします。

    • 締切済み
    • CSS
  • 一太郎を立ち上げた時のフォントを決めたい

    一太郎を立ち上げた時にフォントがHGP行書体(標準)でたちあがります。 これをMSゴシックにしたくて、書式→フォント:飾り→設定→MSゴシック                   文書スタイル→フォント→MSゴシック としてみるのですが 立ち上げると HGP行書体(標準)で立ち上がります。 どうすれば起動時にMSフォントにできるのでしょうか、またそのような方法はないのでしょうか ご存じのかたがおられましたら教えて頂きたいのです。

専門家に質問してみよう