ブログの文字の種類を変えたい

このQ&Aのポイント
  • FC2でブログをしています。デザインが好みのテンプレートを見つけたので、文字の種類を変更したいと思います。初めてのことでよく分かりません。
  • 「スタイルシート編集」の項目には、font-familyとcolorの設定があります。これを変更することで、文字の種類や色を調整できる可能性があります。
  • 希望としては、表示されている質問内容のような、ごく普通の見やすい字に変えたいです。アドバイスをお願いします。
回答を見る
  • ベストアンサー

ブログの文字の種類を変えたい

FC2でブログをしています。 今日デザインが好みのテンプレートを見つけたのでさっそくブログで使ってみたんですが、なんだか文字が見難いです。 そこで文字の種類を変更したいと思うんですが、初めてのことでよく分かりません。 「スタイルシート編集」の項目を見てみたところ font-family: sans-serif,"MS ゴシック","ヒラギノ角ゴ Pro W3",Osaka; /* 文字種類 */ color: black; /* 文字色 */ という部分があり、恐らくここをイジれば…?と思うのですが、どこをどう直せばいいのか…。 希望としては今この質問内容を表示しているような、ごく普通の見やすい字に変えたいです。 どなたか分かる方いましたらアドバイスお願いします。

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

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

font-family: sans-serif,"MS ゴシック","ヒラギノ角ゴ Pro W3",Osaka; /* 文字種類 */ 上記の一行を削除してみてください(無指定にする) 無指定だと見る人のブラウザ設定やパソコン環境によって違います。 質問者さんが「今この質問内容を表示」との文字は誰にもわかりません・・・ と言っては芸がないので、自分で試して色々と選択してみましょう。 http://msugai.fc2web.com/web/app/font.html 注意) 指定フォントが回覧者環境になければそのフォントは表示されない。 複数指定可能(左から優先順。半角カンマで区切る) 名前にスペースが含む場合には、ダブルクォーテーションかシングルクォーテーションで囲む

tehutehu50
質問者

お礼

回答ありがとうございます。 非常に分かり易く参考になりました。 とりあえず教えて頂いた一行を消してみたいと思います。 それでダメならリンク先で試行錯誤してみますね。 ありがとうございました。

関連するQ&A

  • 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のフォント指定

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

  • 半角英数字のみベースラインが下がってしまいます

    サイト制作を行っているのですが、ページ内の半角英数字のみ全角文字より若干下がって表示されます。 例えば、 あいうえお1234かきくけこabcd ですと、「1234」と「abcd」の部分が「あいうえお」「かきくけこ」に比べて若干下がってしまい、テキストリンクがついていると、ガタガタになってしまいます。 文字コードはUTF-8でフォントはCSSで font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka,Verdana,Helvetica,Arial,"MS Pゴシック",sans-serif を指定しています。 よろしくお願いいたします!

  • Adobe Dreamweaver のフォント

    Adobe Dreamweaver使用の方にお尋ねしたいのですが、現在VISTAのメイリオが気に入っております。メイリオが優先的にフォントに選ばれるようにするには {font-family: "メイリオ""MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"} でよろしいのでしょうか?

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

  • GOOブログのタイトル・文字位置について

    GOOでブログをやってます。 無料でカスタムできるテンプレートを使用してます。 タイトルの位置がどういうわけか、自然とタイトル画像の ど真ん中に来てしまいます。 これを左斜め上に、表示させたいのですが これは、どうしたらいいのでしょうか? 今こんな ↓ 感じであります。 /* ブログのタイトル */ .bTitle { color: #FFFFFF; font-size: x-large; font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS Pゴシック',Osaka; font-weight: bold; text-shadow: #fff 2px 2px 3px; text-align: left; } ↑ leftになってるのに、ど真ん中にタイトル文字が表示されてしまいます。 もしよければ少しアドバイスをいただきたいです。 よろしくお願いします。

  • 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
  • MAC/Safariでゴシック表示ができません

    いつもお世話になります。 webサイト構築中なのですが、 できあがったサイトをwindowsのIE/Safari、Forefoxで見ると ゴシックで表示されるのですが、 MacのSafariでは明朝体で表示されてしまいます。 ちなみにCSSではbodyタグに以下の記述をしています。 どこがおかしいのでしょうか? font-family: 'MS Pゴシック' ,Osaka,'ヒラギノ角ゴ Pro W3', 'Times New Roman','times 16', sans-serif ; 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML