• 締切済み

font-familyで、メイリオに記号をつける?

WEBを勉強していて気になったので、質問します。 CSSでフォントを指定する際に使う”font-family”ですが、 参考書や解説サイト等では、フォント名にスペースがある場合は、「"」か「'」を前後につけて指定をすると書いてあります。 そこで、「メイリオ」というフォントの場合、スペースが無いと思うのですが、 なぜ「"」、「'」などを前後につけてあるのでしょうか?

  • SI5
  • お礼率60% (137/228)
  • CSS
  • 回答数1
  • ありがとう数0

みんなの回答

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

>参考書や解説サイト等では、フォント名にスペースがある場合は、「"」か「'」を前後につけて指定をすると書いてあります。  なぜ?まず仕様書を確認しないのですか? 現在、ウェブ標準はCSS2.1ですが、CSS2.1では、 <generic-family>  ・・・【中略】・・・ Style sheet designers are encouraged to offer a generic font family as a last alternative. Generic font family names are keywords and must NOT be quoted.  最後の選択肢として総称ファミリーを書かなければならない。これはキーワードなので引用符で囲んではならない。 ・・・【中略】・・・ To avoid mistakes in escaping, it is recommended to quote font family names that contain white space, digits, or punctuation characters other than hyphens:  ホワイトスペース、数字、またはハイフン以外の句読点文字を含むフォントファミリの名前を引用することを推奨する。  詳しい内容は仕様書を読んでください。--英文です--。  CSS2当時は、単に『フォント名にスペースがある場合は、「"」か「'」を前後につけて指定』でしたが、現行のCSS2.1では、キーワード以外は""で括るべきです。 15.3 Font family: the 'font-family' property ( http://www.w3.org/TR/CSS2/fonts.html#propdef-font-family )

関連するQ&A

  • WEBフォント使用時にfont-family指定

    bodyにfont-family指定をし、サイトの一部分にWEBフォントを使用しています。IOS/Android向けに書いているCSSなのですが、Androidスマホ実機で検証した時だけbodyに指定したfont-familyが効かなくなってしまいます。 そもそもbodyなどにfont-familyを指定して、さらに@font-faceの中でまたfont-familyを書くのが間違いなのでしょうか?それともAndroidのバグなのか?Webフォントとその他のフォントの併用について、なかなかわかりやすい資料が見つけられず悩んでいます。 ググりまくった結果、古めの記事を見つけ @font-face{ font-family : 'WEBフォントのフォント名','メイリオ',sans-serif; src : ~略~ } みたいな書き方が載っていたので、試してみましたがこれはやはりダメでした。 Webフォント自体の表示は上手くいっており、IOSでも期待通りにbodyのフォント指定は効いています。どうぞよろしくお願いします。

    • ベストアンサー
    • CSS
  • メイリオフォントの形

    XPにメイリオフォントを入れました。 IE6でメイリオを選択し「Webページで指定されたフォントを使用しない」にチェックを いれてyahooのページを見ると、半角英数字がフォントの「Times New Roman」の ような表示をしています。 しっかりしたメイリオの形にすることはできないのでしょうか?

  • [CSS] 反映されない場合があるにもかかわらず font-family を 設定するのは何故か

    他のWEBサイトのCSSを参考にしていると font-familyを使用して フォント変えているページが 多く見受けられますが、これって見る側も同じフォントを 持っていないと反映されないんですよね? また、MACにしかないフォント  WINにしかないフォントとかも あるわけで、結局、設定しても意味がないような気がします。 それでも多くのサイトが font-family で フォントを指定しているのには どういう理由があるのでしょうか?

    • ベストアンサー
    • HTML
  • font-familyで指定するフォント名の調べ方

    cssのfont-familyで指定するフォント名の調べ方を教えてください。 cssで指定するときの名前は、アルファベット表記、日本語表記ともに、 PCのどこを見れば書いてあるのでしょうか。

    • ベストアンサー
    • CSS
  • 日本語フォント、メイリオについて

    CSSが使えないので、HTMLだけでホームページを作っています。今まで閲覧者のブラウザのデフォルトフォントに合わせるために、フォント指定はしませんでした。 最近、今まで使っていたIE9が勝手にIE10にアップデートされてしまいました。(迷惑な話です) ホームページを開いてみると、今までのデフォルトのMSPゴシックとは違う見づらいフォント表示になってしまいました。(新しいIE10でもデフォルトはMSPゴシックです。) どうにも見づらいので(なぜ同じIEで違うのでしょうね?)、ホームページのフォントをメイリオに指定しましたら(<font face="メイリオ">)、 とても見やすい表示になりました。 心配になったのは、日本語フォントのメイリオが日本語バージョンPC(Windows、Mac)に普及しているかどうかです。もし入っていないPCだと正しく表示されません。(どんな表示になるのでしょうね?) 日本語フォント、メイリオは普及しているのでしょうか?

  • font-family、font-sizeについて

    こんばんは。 今自分のサイトを作っているのですが、普通にCSSでフォントの種類(font-family:英数字だったら○○、日本語だったら○○など)・大きさ(font-size:ピクセルかパーセント)などはどのように指定をするのが一般的でしょうか?

  • メイリオ以外の綺麗なフォント

    Vistaのデフォルトフォントのメイリオは非常に綺麗で好きなのですが、文字が横に広く行間も広いので、現在使っているファイラーでは表示に少々不都合が出ます。 (ポイントを調整しても、どうしてもタブの下のほうへ寄ってしまったり、要らぬところに変に隙間が開いてしまったりする) このファイラーは、システムで使用するのとは別に、これ用に使うフォントを指定できるので、メイリオ以外のフォント、例えば、MS UIゴシックやMS Pゴシックなど他のフォントを使うこともできるのですが、すると今度は行間(というかファイル名間)がギチギチに詰まってしまって見づらくなります。 そこで、それら以外のPC表示用のフォントをインストールして使おうかと思います。 Vistaで使える、オススメのフォントはありますでしょうか? 行間がとくに問題なので、メイリオほど広くなくて、MS系ゴシックのようにギチギチに詰まらないフォントが希望です。 あまり個性的なフォントではなく、普通のゴシック系でいいのがありましたらご紹介ください。 ご存知の方、よろしくお願いします。

  • chromeだけメイリオにならない

    winユーザーです。 IE等の他のブラウザで閲覧するとメイリオ指定しているwebサイトは、 メイリオで表示されるのですが、 chromeブラウザのみ、メイリオで表示されず、 ゴシックのギザギザとした文字でしか表示されません。 拡張機能の「メイリオちゃん」や, ブラウザ設定のフォント項目を全てメイリオにしてもダメです。

  • ブラウザがメイリオでにじむ

    どのブラウザも文字が読みにくくて仕方ありません。 ある日を境にフォントが「メイリオ」になって、かつにじんでしまいます。 メイリオで表示されるサイトは、IE,Firefox,Chrome、どれで見てもメイリオです。 今書き込んでいる文字も、にじんで表示されています。 実は自社のHPを運営しているのですが、それも「メイリオ」でにじんでいます。 制作会社に「フォントは何で作った?」と聞いてみると、「指定なし」と答えられました。 ●なぜメイリオで表示されるのでしょうか? ●「ClearTypeテキストの調整」をしたのですが、にじみは全然改善されません。 ●試しにエクセルで「メイリオ」を表示したのですが、にじみは全くありません。 ちなみにYahooはどのブラウザで見ても「ブラウザのデフォルトフォント」で表示れます。 「Live Doorニュース」、「その他フォント指定無し」と思われるサイトは、どのブラウザで見ても、フォントを指定しても、「メイリオ」で表示されて、しかもにじんでしまいます。 OSの問題なのでしょうか。 元に戻したいです。 どなたか教えて下さい。Windows7です。

  • font-familyのフォント名について

    CSSにあまり詳しくないので、質問させてください。 フォントを丸文字系で指定しするのに、 font-family: fantasy; ですとどうも範囲が広すぎるような気がします。 フォントを楷書体や教科書体で指定するのに font-family: cursive; では草書体や行書体になってしまい読みにくくなりそうで不安です。 できれば、font-familyに 楷書体や丸文字系のフォントでメジャーなもの でも列挙したいのですが、 自分で使っているもの以外、なにも思い浮かびません。 なにかよい情報をお持ちでしたらご教授ください。 お願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう