• ベストアンサー

”ヒラギノ明朝Pro”をWindowsで表示したい

ORUKA1951の回答

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

font-familyは、フォントを指定するプロパティですが、それには、OSやプラットホームによって使用可能なフォントが異なるため、似たフォントを羅列して、最後に一般名を記述します。 【引用】____________ここから 15.2.2 フォントファミリ(Font family: the 'font-family' property)  'font-family'   Value:    [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit   Initial:   depends on user agent ★ユーザーエージェント依存★   Applies to: all elements   Inherited:  yes   Percentages: N/A   Media:    visual  このプロパティは、フォントファミリ名と総称ファミリ名の優先順リストを指定する。単独のフォントだけで文書内の全文字に対するグリフが得られないこともあるし、あらゆるフォントがシステムに存在するとも限らない。  これらの問題を解決するために、このプロパティでは、同じスタイルと大きさを有するフォントのリストを指定できる。リストに挙げられたフォントは、各文字に対するグリフを含んでいるかどうかを順に検証される。このリストのことをフォントセット(font set)と呼ぶ。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[フォント( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/fonts.html#propdef-font-family )]より  ですから、そのフォントを持っていない人用に代替ファミリー名を羅列していきます。最後に必ず一般名を記します。 font-family:"ヒラギノ明朝 Pro W3",Hiragino Mincho Pro","DHP平成明朝体W3", Meiryo, "MS Mincho", "MS P明朝","JSP明朝",serif; とか・・・  それ以前に大事なこと!!!・・・ウェブ開発でもっとも大事なこと。  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  そもそもHTMLは 【引用】____________ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  もちろん目が悪い人は、サイトで指定されているフォントでなくゴシック体で表示するように設定することも可能です。「インターネットオプション→ユーザー補助(windows)」、またCtrl++で拡大しているかも。  根本的にDTP ( http://ja.wikipedia.org/wiki/DTP )とは、まったく異なるものです。  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  もし、フォントやデザインにこだわるなら、Adobe InDesignやAdobe PageMakerで製作して、PDF( http://ja.wikipedia.org/wiki/PDF )に出力すべきです。  ウェブフォント - Google 検索 ( https://www.google.co.jp/search?q=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )を使う方法もあります。

LittleBunny
質問者

お礼

細かいところまでご親切に説明して頂いて、本当にありがとうございました。 まだまだ勉強が必要と痛感しました。

関連するQ&A

  • Dreamweaverでフォントが反映されない

    Dreamweaver CS5を利用しております。 「font-family」で 「"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;」 を指定しました。 しかしDreamweaverのデザインビュー上はおろか、 Firefoxでプレビュー確認にしても明朝体で表示されなくて困っています。 クロームやIEでプレビュー確認すると問題なく指定のフォントで表示されます。 それだけに原因が分からなくて… HTML、CSS共にUTF-8にて保存しています。 フォント指定をして問題なく表示されるかを作り始めて間もない段階でテストしていて発覚しました。 なのでよけないソースもCSSもありません。 このような状態なのですが、原因をご存じの方いらっしゃいましたらご教授いただければ幸いです。 よろしくお願いいたします。

  • livedoorblog css フォント

    cssの一部不適応についての対策を教えて下さい。 初めに申しておきますとかなりの素人です。 cssをみて、body….font….とは?どこ?と試しに変更してみてなんとかやっている状態です。 表題にあるとおりlivedoorにてblogをしており、この度ブログ内の全フォントをメイリオに変更致しましたが記事の本文のみ反映されません。 他のブログ名・記事名・サイドバー・ページ数・次へ・コメント等には反映致しました。 やったことといえばcssから”font-family”を探し出し、すべての頭にmeiryo,"メイリオ"を追加しました。 追加した部分は body { line-height: 1.3; background: #fff; color: #333333; font-size: 80%;/*サイドバー?全体?*/ font-family: meiryo,"メイリオ","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: "meiryo","メイリオ", "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ヒラギノ角ゴ Pro W3","MS P明朝",serif; } div#introductionOuter h1 a:link, div#introductionOuter h1 a:active, div#introductionOuter h1 a:visited { color: #333; font-weight: normal; font-size: 100%;/*ブログタイトル*/ font-family: "meiryo","メイリオ","Arial","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; text-decoration: none; } div.archiveTitleOuter h2 { margin-bottom: 50px; padding: 15px 0; border-top: dotted 1px #666; border-bottom: dotted 1px #666; font-family: "meiryo","メイリオ"," Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; font-weight: normal; text-align: center; } div#article-options h3 { font-family: "meiryo","メイリオ","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; font-weight: normal; } の5箇所です。 スタイルはExtensible Gallery (プレーン) CSSを使用しております。 本文はMS Pゴシックが適応されています。 過去の質問等調べたところ文字コードの指定?@charset "utf-8";をcssの最後に追加は反映せず。 body a による全体?の指定をcssの最後に追加はやってみましたが反映せず。 普段はクローム(シークレットモード)を使用しておりますが、サイドバーなどは反映されていることよりブラウザ側の設定ではないですよね?念のため設定のフォントカスタマイズよりメイリオに変更してみましたがコレも反映せず。 IEでの表示もクロームと同様。 上記が試してみたことです。 原因、対策がお解かりの方がおられましたらご教授下さい。 また、提示情報に不足があれば追加致しますので宜しくお願い致します。

  • 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
  • WINとMACでフォントを振り分ける方法

    自分はMac環境でTumblrをやっていて和文はCSSでHiragino Mincho Pro W3","MS PMincho",HeiseiMinchoを指定しています。 このまえ実家のPCでブログを更新しようと見てみたらアンチがかからないせいか明朝がすごい汚いんです。 そこでMacでは通常通り明朝で表示させ、WINではゴシックを表示させたいのですが、振り分ける方法などはありますか? よろしくお願いします。

  • 明朝フォントのページを作りたい。

    明朝体でページを作ってほしいと、友人に頼まれたのですが、 うまく行かず、教えてください。 編集環境は、DreamweverMXを使用しています。 OS WinXP IE 6.0 cssを使用して、fontfamilyをしています。 font-family: "MS P明朝", "ヒラギノ明朝 Pro W3", "平成明朝"; こんな感じです。 (翔泳社の本を見て、設定しました) ですが、何度ホームページを見ても、更新してもゴシック系のフォントでしか表示されません。 Dreamweverでは、明朝で表示されているのですが。。。 何がいけないのでしょうか? ためしにbodyタグ、tdタグ、h1タグなどのcssに設定してみたのですが、どれもゴシックになります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 和のウェブサイトのfont-family指定

    和食屋さんのウェブサイトをつくろうと思っています。 文字の書体を和風にしたいのです。 現在のサイトは(前製作者かな)はCSSの指定で {font-family :"ヒラギノ明朝 Pro W3","MS 明朝";} となっています。 よっぽどこの2つがあれば大丈夫でしょうか? 他にもし多くインストールされているフォントがあればそれも 記述したいと思います。何かありますか? それとも、 むしろ日本語指定をはずしたほうがいいのかな? {font-family :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,'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 IEでもfontにアンチエイエリアスを

    cssにfont-familyを設定し、firefoxではfontにアンチエイリアスが掛かる一方、 IEでは掛からないのですが、IEでも掛かけるためにはどの様にすると良いでしょうか? 例:http://www.postalmuseum.jp/collection/genre/index-14.html 因みに、html5で組んでおり、使用しているfont-familyは以下の通りです。 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; 宜しくお願いします。

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