![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.4ベストアンサー
- 回答日時:
まず「指定したフォントで表示する」仕組みですが、Win/Macを問わず「使用するPCにそのフォントがインストールされている」必要があります。
>私はMacユーザーなので、どのブラウザでもちゃんと見れているのですが・・・
ヒラギノ明朝 Pro W3のフォントはMacOS Xから標準で搭載されています。なので正常に表示されます。
同じMacでも、MacOS9までのOSではヒラギノフォントは搭載されていませんので、別途フォントを購入しないと表示されません。
Windowsの場合には、今まで発表された全てのWindowsでヒラギノフォントは標準搭載になっていません。
閲覧する個々のPC全てに別途フォントを購入する必要があります。
一般的に外部に公開するwebなのであれば、「購入しないと表示できない」特定のフォントを指定するのは避けた方がよろしいかと思われます。
以上、ご参考まで。
この回答へのお礼
お礼日時:2012/06/28 00:19
初心者の私でもしっかり理解することができました。
適切なご回答、本当にありがとうございました。
これからも、沢山の困った人達を助けてあげてください☆
No.6
- 回答日時:
Windows に最初から入っている書体は、【MS 明朝/MS P明朝】【MS ゴシック/MS Pゴシック】【メイリオ(Vista 以降)】の三系統です。
ここにヒラギノがないため、Windows では上記の書体で表示されるわけです。そこで、Windows 用にヒラギノを購入――という話になりますが、お買い得なのは【一太郎2012】の【プレミアム/スーパープレミアム】だと思います。または、下記ふたつ目のサイトのように、ヒラギノだけを単品で購入する方法もあります。
◆美しく読みやすい ヒラギノフォント|日本語ワープロソフト 一太郎2012 承
http://www.justsystems.com/jp/products/ichitaro/ …
◆明朝体の検索結果:フォント - Font Garage
http://font.designers-garage.jp/ds/execute/FontS …
ただし、Windows の画面表示は貧弱であるため、【MacType】のような外部アプリケーションを追加しないと美しくなりません。参考 URL をご覧いただくとわかりますが、話題のウェブフォントも Windows ではガタガタで、Mac やスマホのほうが綺麗です。
◆窓の杜 - 【REVIEW】Windows上のあらゆるフォント表示を劇的に美しくする「MacType」
http://www.forest.impress.co.jp/docs/review/2012 …
参考URL:http://wakufactory.jp/densho/TypeSquare/hikaku.h …
No.5
- 回答日時:
パソコンに無いフォントは代替えフォントに置き換えられます
Macにしかないフォントは使わないが鉄則です
この回答へのお礼
お礼日時:2012/06/28 00:15
ありがとうございました。
とっても勉強になりました。
Macのヒラギノに似たフォントをCSSで指定するにはどちらが一番近いのでしょうか・・・?
もし分かったらご回答お願い致します。
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 … )]より
ですから、そのフォントを持っていない人用に代替ファミリー名を羅列していきます。最後に必ず一般名を記します。
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-html4 … )]より
もちろん目が悪い人は、サイトで指定されているフォントでなくゴシック体で表示するように設定することも可能です。「インターネットオプション→ユーザー補助(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%8 … )を使う方法もあります。
No.2
- 回答日時:
>font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Meiryo, "MS Mincho", "MS 明朝" ;
という記述なら、ヒラギノ明朝がない場合はメイリオかMS明朝で表示されると思うのですが、全く表示されないということですか?
もしヒラギノ明朝での表示が必須なら、メイリオ、MS明朝の記述は削るべきだと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
【スタイルシート】 半角と全角...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
accessのレポートで文字間隔を...
-
コンボボックスのOPTIONごとに...
-
ペイント3Dのテキストサイズ変更
-
セレクトボックス内のフォント位置
-
CSSです。英数字のみArial書体...
-
中国語と日本語混在のwebページ...
-
CListCtrlで行の高さを指定した...
-
HTMLで全角文字と半角文字を2...
-
”ヒラギノ明朝Pro”をWindowsで...
-
【iframe】文字サイズ変更によ...
-
MoveWindowで位置だけ変更する...
-
VBA のCharactersについて
-
プルダウンメニュー内のフォン...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブル内の文字サイズを変更...
-
入力規則のリストの文字の大き...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
<pre>タグ内のフォントサイズに...
-
excelをhtmlに変換した途端、一...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
英サイト(UTF-8)内での全角文字...
-
奇数のフォントサイズ指定について
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
コピーライト記号の表示が小さい
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
HTMLテキストボックス内の文字...
-
タイ語と日本語混在のサイトを...
-
インラインフレーム内の文字の...
-
HTMLでHGPゴシックEを表現する...
おすすめ情報