- 締切済み
スタイルシートのフォントファミリーの設定について教えて下さい。
スタイルシートのフォントファミリーの設定について教えて下さい。 IE6だと、font-size: 10px;が、日本語フォントに効きません。 英語フォントのみ小さくなって、日本語フォントは小さくならないのです。 ちなみに、ソースは、 body { font-family:Comic Sans MS, Verdana, "ＭＳ Ｐゴシック", Helvetica; .sidecontent { ・・・ここの日本語フォントサイズが効かない。 font-size:10px; font-weight:normal; } と記載しています。 わかる方がいたら、ぜひ教えて下さい。
- musirika
- お礼率0% (0/5)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- write_draw
- ベストアンサー率30% (11/36)
前のサンプルには、わかりやすいように文字色を赤にしました。 .sidecontent {font-size:10px; 他にもあればここに入れてください}
- write_draw
- ベストアンサー率30% (11/36)
下記ではどうですか。 body { font-family:Comic Sans MS, Verdana, "ＭＳ Ｐゴシック", Helvetica; font-size:10px; font-weight:normal; } .sidecontent {color:red;}
関連するQ&A
- スタイルシート 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,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif; } よろしくお願いいたします。
- ベストアンサー
- CSS
- 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,'ＭＳ Ｐゴシック',Osaka,sans-serif; を使ってます。 サイトでは、bodyに font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; を使い、メニュー部（英語）には font-family: Georgia,Helvetica,Arial; を使い、小説部分では説明（感想）部分はbodyのままですが本文では font-family: 'ＭＳ Ｐゴシック', sans-serif; を使ってます。 フォントサイズについては、基本11pxですが本文だけ12pxにしてます。 日本語の部分はsans-serifだしいいかぁと思ってるんですが、やはり見にくいものなのでしょうか？ こちらの意図としては本文だけ見やすかったらいい、と思っています。 ふと疑問に思ったことなので、暇な時に回答して頂ければ幸いです。
- ベストアンサー
- HTML
- fc2ブログのスタイルシートについて
h1～h6タグの文字の大きさ＆改行（しない）を変更したいのですが、 fc2ブログのスタイルシートのどこに書き込めばいいのか分からない状態です。 色々調べてみたのですが、どうしても分からないので、分かる方がいましたら、教えて下さい。 よろしくお願いします。 ソースは、こちらになります。 （文字数が足りないので数ヵ所省きました）↓ body{ font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka"; margin:0px; margin-left:auto; margin-rught:auto; padding:0px; background-color: #FFFFFF; color:#666666; text-align:center; letter-spacing:1px; word-break: break-all; } #container{ width:840px; margin-right:auto; margin-left:auto; padding:0px 0px; background-color: #FFFFFF; border-left:1px solid #DECE21; border-right:1px solid #DECE21; } /* ### 共通のタグ ### */ blockquote{ font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka"; margin:15px 0px; padding:10px; background-color:; border:1px dashed #996600; font-size:12px; line-height:150%; width:90%; voice-family:"\"}\""; voice-family:inherit; width:90%; } html>body blockquote{ width:90%; } blockquote p{ margin:0px 0px; padding:0px; line-height:150%; } h1.blogtitle{ position:absolute; width:820px; font-family: "Century Gothic","MS UI Gothic","ＭＳ Ｐゴシック", "Arial","Osaka"; padding:0px; margin:0px; top:3px; left:20px; color:#333333; font-size:24px; font-weight:normal; z-index:1; } h1.blogtitle_back{ position:absolute; width:818px; font-family: "Century Gothic","MS UI Gothic","ＭＳ Ｐゴシック", "Arial","Osaka"; padding:0px; margin:0px 0px 0px 1px; top:4px; left:21px; color : #CCCCCC; font-size:24px; font-weight:normal; z-index:0; } /* ### メイン部（左側） ### */ #main{ width:590px; float:left; margin:0px; padding:0px; } #contents{ margin:0px 20px 0px 20px; padding:0px; text-align:left; width:590px; voice-family:"\"}\""; voice-family:inherit; width:550px; } html>body #contents{ width:550px; } /* ### エントリー（記事） ### */ .e_title{ font-family: "MS UI Gothic", "Verdana","ＭＳ Ｐゴシック", "Arial","Osaka"; height:20px; text-indent:60px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; color:#967B3F; font-size:14px; font-weight:bold; letter-spacing:1px; } .e_date{ font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic", "Arial","Osaka"; margin:0px 0px 30px 60px; text-align:left; color:#999999; font-size:10px; line-height:150%; letter-spacing:1px; } .e_body{ font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka"; margin:0px 0px 15px 0px; margin-bottom:25px; padding:0px ; color:#444444; font-size:12px; line-height:155%; letter-spacing:1px; } .e_body img, .e_body a img{ margin:2px; border:0px; } .e_body_w{ margin:0px; padding:5px 15px 5px 15px; background-attachment: scroll; background-image: url(http://blog-imgs-41.fc2.com/a/w/i/awitchsally/aws_np03_point.gif); background-repeat: no-repeat; background-position: 0% 0%; border:1px solid #E9F3E9; } .e_more{ margin:30px 0px 15px 0px; padding:0px; text-align:left; color:#333333; font-size:10px; font-weight:bold; letter-spacing:1px; } .e_state{ font-family: "Verdana","ＭＳ Ｐゴシック","MS UI Gothic", "Arial","Osaka"; margin:5px 0px; text-align:left; color#967B3F; font-size:10px; letter-spacing:1px; line-height:150%; font-weight:bold; }
- ベストアンサー
- 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:'ＭＳ Ｐ明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'ＭＳ 明朝';"> フォントのテスト </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 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', 'ＭＳ Ｐゴシック', sans-serif; font-size:12px; line-height:150%; color:#333333; } フォントサイズを12にしているのですが 別のフォントサイズとしてクラスで10pxを指定しても WindowsIEだと、10pxに表示されません。 また、bodyの12pxの指定をはずしても 10pxの指定が反映されませんでした。 ただし、16pxなど他のクラスだと反映されます。 10pxが反映されない理由が分かりません。 どなたかお分かりになる方 いらっしゃいましたら、ご教授願います。 よろしくお願いします。
- ベストアンサー
- その他(業務ソフトウェア)
- フォント変更（goo）
タイトル文字のフォントなどを変更したいのですが、やり方が分かりません。 今は /* ブログのタイトルの文字 */ .bTitle { color: #b35959; font-size: 28px; font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka; } となっているのですが、どのように変更したらいいのでしょうか。 ちなみに、使いたいフォントは「マニアッカーズデザイン」（http://mks.jp.org/）のYakitori-AL,HR&KTです。 このフォントは、エンターから入り、「DESIGN FONT」のところの左の列にあります。 よろしくお願いします。
- ベストアンサー
- ブログ
- スタイルシートの文字のサイズを変更したいのにできません・・・
今小説サイトを作っていて、小説ページに外部スタイルシートを呼び出しているかたちにしています。 スタイルシートはホームページのテンプレートについていたものなのですが、基本設定は下のような感じになっています。 /* 基本設定 */ body,td,th{ font-size:65%; color:#333333; font-family:Verdana,Osaka,'MS P Gothic'; font-weight:normal; margin:0px; padding:0px; } body{ text-align:center; } ここのfont-sizeのところを変えれば文字のサイズを変えられるのかと思ったのですが、%の数字を変えてもmediumやlargeにしてもアップした小説ページを見てみると変わっていません。 スタイルシートの変更の仕方がおかしいのでしょうか。 それとも直す部分が違っているのでしょうか。 教えていただけると助かります。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートのフォントの変更について
ホームページ作成初心者です。本を見ながらメモ帳でスタイルシートを使ってページを作成中です。 <style type="text/css"><!-- h1{font-size:40px;font-family:'Comic Sans MS'} --></style> 以上のように指定しているのですが、この欧文フォントが表示されません。 h1の文字列はローマ字です。 （PCにはこのフォントは入っています） どうぞ宜しくお願いします。
- ベストアンサー
- HTML
補足
ご回答ありがとうございます。 bodyには記載していませんが、全体のcontainerに指定しているフォントサイズがfont-size:12px;です。 .sidecontent に、font-size:10px;を適用したいのですが・・・