- 締切済み
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 見やすいフォントなのでサイトで使用したいのですが、どうすれば適用されるでしょうか？ ソース部分を間違えているのか、付け足さなければならない部分があるのか分からずに困っています。 よろしくお願いします。
- syarockhomuzu
- お礼率0% (0/2)
- CSS
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- naokita
- ベストアンサー率57% (1008/1745)
まずは、簡易検証 <p style="font-family: arial,helvetica,osaka,"MS PGothic",sans-serif;font-size: small;">ほげほげほげほげほげほげ</p> これで、このフォントが適応されるなら、 元々の既存値で上書きされているか？ 書いたCSSが間違っている・・・ つまり、 既存値で上書きされないように、 詳細度（優先度）を上げるか、既存のフォントを削除
- kmee
- ベストアンサー率55% (1857/3366)
「貼り付け」って、どんな風にやったのですか? その「タグテスト」のサイトに、この2行を貼り付けただけでは、ただのテキストですから、期待のフォントにはなりません。 ちゃんとスタイルシートとして適用しないと。
関連するQ&A
- font-familyで色々指定しても全く変わりません；
font-familyで色々指定しても全く変わりません； windowsでホームページを見るとフォントが見づらかったため ネットで読みやすいフォントを検索し、 CSSで font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica; と指定しました。 しかし、指定しないファイルと見た目が全く同じなのですが XPには上記のフォントはプリインストールされていないのでしょうか？ 上記の指定はフォントをダウンロードしている人にのみ適用されるだけなのでしょうか？
- ベストアンサー
- 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,'ＭＳ Ｐゴシック',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
- 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
- CSS2.1とCSS３の違いを教えて下さい。
HTMLの勉強中の作家です。 色々悩んだ末にサイトをHTML5に移行作業中です。 テキストを読んでもCSS３の書式がイマイチよく分かりません。 (CSS2.1の)指定は背景色、文字色(１部文字色変更含む)、フォントの種類、背景色etcetc…と言った至ってシンプルな文字のみのサイトです。 あちこちのサイトを見ながら悪戦苦闘をしていますが、CSSのチェックをかけるとエラーが出ます。 CSS2.1を３にするためにはどこをどう変えれば良いのでしょうか？ ちなみに @charset "UTF-8"; .ryoko { color : #407133;} .kazumi { color : #336070;} div,p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} body { background-color:#e0ffe0;} a:link { color : #0000ff;} a:visited { color : #003333;} a:hover { color : #660000;} a:active { color:#660066;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%;} div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} div{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%;} .akeru{ line-height:1em; } ↑これです。テキストとCSS3について説明されているＨＰと各マチマチなもので戸惑っています。
- ベストアンサー
- HTML
- スタイルシート 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
- Dreamweaverで[フォント指定なし]にしているのに
Dreamweaverを使用して、サイトを制作しています。 ある程度できあがってるhtmlの、テキストを差し替える作業をしていました。 始めはスムーズに行えてたのですが、 あるときから開くと文字が「Arial, Helvetica, sans-serif」を選択していて□□□で表示されてしまうようになってしまいました。 その後何度「フォント指定なし」に設定しても次の瞬間ほかをクリックすると、 すぐ「Arial, Helvetica, sans-serif」にもどってしまうんです。 フォントが「Arial, Helvetica, sans-serif」に変わってしまうのは、ページ全体ではなく、一部のテーブル内だけです。 IEで開くとふつうに表示されます。 Dreamweaverで開いたときだけ□□□で表示されます。 再起動してもう一度Dreamweaverで開いても同じ現象が起きます。 なにが原因なのでしょうか？教えてください。 そのエリア内はcssを使っているせいか、枠で赤く囲まれます。 それもひとつの要因なのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- web制作 スマホでfont-sizeが崩れる
web制作初心者です。 昨夜同じ質問をしたのですが、具体例などを入れて改めて質問します…！ この度、やっとホームページを開設することができました。 と思って喜んでいたのですが、スマートフォン（iPhone4）で見てみるとmacやwinでは見られなかったフォントサイズの崩れが起きています。 font関係はcssで指定していて、 font-familyは以下のように、 body { font-family : osaka, 'arial', 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic','ＭＳ ゴシック','MS Gothic', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Helvetica', 'Arial','Courier', sans-serif ; } font-sizeは以下のように .text8 { font-size:0.7em; line-height:2.3; letter-spacing:normal; } 書いています。 全てが違うわけではなく、指定が効いている所と大きくなってしまっている所が混在していて、法則などはなさそうです。 例えば、 <dl class="news"> <dt><span>2011. 11. 01</span></dt> <dd><div>ホームページを開設しました<br></div></dd> </dl> というソースでは「ホームページを開設しました」部分が大きくなってしまいます。 スマートフォンの設定を大きく変えているわけではないので、webの作り方に問題があると思うのですが、 PCでの見え方とスマートフォンも見え方を同じにするためになにかアドバイスがあれば、教えていただきたいです。 どうぞ、よろしくお願いします！
- ベストアンサー
- CSS
- CSS：font-familyのフォント名について
CSSのfont-familyプロパティで、フォント名を使用するとき、閲覧者がそのフォント名をインストールしていなかった場合、表示できないと聞いたので、sans-serifなどのフォントの種類を使用した方がいいのでしょうか？ 特殊なフォント名以外はたいていインストールしているとは思いますが。 回答よろしくお願いします。
- ベストアンサー
- HTML
- CSSでbodyに入ってるこの意味は何でしょうか？
あるサイトのCSSのbodyのfont sizeに 12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif と、記述していましたが /1.22とは何を意味してるのでしょうか？
- ベストアンサー
- HTML
- 「メイリオ」指定のIEに「MSPゴシック」を表示？
IEの「インターネットオプション＞フォント」で「メイリオ」を指定している人がいるとします。 この人に「英字＝Arial、漢字＝MSPゴシック」を見せるためにはどのようにCSS指定すればいいでしょうか？ font-family:arial,"MS Pゴシック","MS PGothic",sans-serif; このように指定すると「英字＝Arial、漢字＝メイリオ」になってしまいます。 IEは英字フォント指定が先にあると、次の"MS Pゴシック"を無視するらしい。 font-family:"MS Pゴシック","MS PGothic",arial,sans-serif; そこでこのように指定すると当然「英字＝MSPゴシック、漢字＝MSPゴシック」になってしまいます。 どうしても英字はArialで表示したいのです。どうすればいいのでしょう。 ちなみに Firefox ではこういう面倒は起きません。 よろしくお願いします。
- 締切済み
- HTML
