- ベストアンサー
フォントの表示の仕方
MacOSX10.15を使用しています。ホームページ作成初心者です。質問なんですが、明朝体とかゴシック体などの字体（フォントっていうのかな？）は、HTML方式でどう表示したらみれるんでしょうか？かれこれ2時間ほどあれこれ調べてるんですが、チンプンカンプンで…。 例えば「ホームページ」という文字を明朝体でWeb上で表示したいとすると、HTML方式でどう表示したら良いのでしょうか？ どなたか教えて頂けないでしょうか？
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <title>頑張ってね！</title> <style type="text/css"> <!-- .mincyoutai_all { font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; color: #00ff00 } .hiragino_mincyou_pro { font-family: "ヒラギノ明朝 Pro W3"; color: #0000ff } .hoso_mincyoutai { font-family: 細明朝体; color: #0000ff } .heisei_mincyou { font-family: 平成明朝; color: #0000ff } .ms_mincyou { font-family: "ＭＳ 明朝"; color: #0000ff } .ms_p_mincyou { font-family: "ＭＳ Ｐ明朝"; color: #0000ff } --> </style> </head> <body> 質問者さんは色々と調べられているようですので、もう、ほとんど正回答が出ていますね。 <br> ですから、私から言えるのは単なるアドバイスにしかすぎません。 <br> <br> 私からの提案は、CSS（スタイルシート）でテキストの各フォントを指定する方法です。 <br> <br> MacOSXで、標準的に使われている明朝体フォントは、<span class="hiragino_mincyou_pro">ヒラギノ明朝 Pro</span>、<span class="heisei_mincyou">平成明朝</span>、<span class="hoso_mincyoutai">細明朝体</span>です。 <br> <br> また、Classic環境やOSXより前のMacOS環境では、<span class="hoso_mincyoutai">細明朝体</span>、<span class="heisei_mincyou">平成明朝</span>となります。 <br> <br> Windowsでは、<span class="ms_mincyou">MS 明朝</span>か<span class="ms_p_mincyou">MS P明朝</span>にすれば問題ないと思います。 <br> <br> ご注意いただきたいのは、フォント名を正確に記述することです。 <br> <br> アルファベットの大文字小文字、フォント名に含まれているスペースの半角全角を正確に書かなければ、指定したフォントとしては認識されません。 <br> <br> また、指定したフォントが閲覧者のPCにインストールされていなければ、その閲覧者のOSでのDefault値とされているフォントで表示されてしまいますので、仮にそうなった場合でも表示上不具合がないようにしなければいけません。 <br> <br> フォントをCSSや他の方法でも指定せずに文字を表示させても、Site Design上問題がないか表示テストをしてみましょう。 <br> <br> <font size="+3" class="mincyoutai_all">ホームページ</font> </body> </html>
その他の回答 (3)
- myume
- ベストアンサー率25% (621/2470)
<font face=ＭＳ明朝>ホームページ</font> 上記でいいと思います。（ＭＳＰ明朝もあり） なお、あなたのＰＣにあるフォントでも、ＨＰに訪問した人がそのフォントをインストールしていないと 普通のゴシックに表示されてしまう事があります。 ですから、あまり特殊なフォントを使わない方が良いでしょう。
お礼
教えて頂いたとおりやったのですが、上手くいかず、色々調べて理解出来ました！マックとウィンドウズの表記の違いだったようです。勉強になりました。ありがとうございました。 WindowsのＭＳゴシックをMacで表記するときは平成角ゴシックと表記するようです。多分…。
こちらが参考になると思います。 http://tohoho.wakusei.ne.jp/html/font.htm
お礼
大変参考になりました！ありがとうございます。
- shy00
- ベストアンサー率34% (2081/5977)
スタイルシートを利用するなら http://www.htmq.com/style/font-family.shtml その文字だけを明朝にしたいのなら http://www.htmq.com/html/font.shtml 「使用例」の<font size="6" ・・・ の所を参照ください
お礼
大変参考になりました！ありがとうございました。
お礼
非常に助かりました！！ありがとうございます。