- ベストアンサー
Tera PadでHTMLとブラウザでの表示
- Tera Padを使用してHTMLとCSSで自分のページを作成していますが、フォントの設定がうまくいきません。
- メイリオのフォントをWindowsに追加してCSSで指定したにもかかわらず、ブラウザでの表示が変わりません。
- この問題について情報を探していますが、解決策が見つからず困っています。助けてください。
- rontakun104
- お礼率66% (2/3)
- CSS
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
メイリオが入っていないとのことですが、お使いの OS は何でしょうか。XP 以前なら参考 URL からダウンロードしなければいけないものの、Vista 以降であれば最初から入っています。もし、Vista 以降だけれども入ってないというのなら、TeraPad がメイリオに対応していないだけです。とにかく《MeiryoKe_Console》や《MeiryoKe_Gothic》はダメで、マイクロソフト純正の《メイリオ：Meiryo》を使わないといけません。 たとえば、下記のように指定してみてください。こうすると、《メイリオ（Windows 用）⇒ヒラギノ（アップル製品用）⇒その他の環境用》になります。《sans-serif》の代わりに、《monospace》でも構いません。 body { font: normal 15px / 1.5 メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', HiraKakuProN-W3, sans-serif; color: #272729; } h4 { font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', HiraKakuProN-W3, sans-serif; font-size: 120%; color: #272729; } なお、書体の指定は《font-style》ではなくて、《font-family》や《font》になります。下記の本などを読みながら、私もコツコツと勉強中です(^_^) ◆font-family－スタイルシートリファレンス http://htmq.com/style/font-family.shtml ◆font－スタイルシートリファレンス http://htmq.com/style/font.shtml ◆執筆書籍の紹介－HTMLクイックリファレンス http://htmq.com/book/
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
いやはや、 「HTMLを見ますと全て綺麗なメイリオの文字になっており、やっと出来たと思いながらブラウザ（Intenet Explorer）で見てみますと全く文字が変化しておりません。」 HTMLのソース--terapadで使用する文字--をいくら変更しても、それをブラウザで見てもフォントは変わりませんよ。 フォントは、terapadで使用する文字には一切関係なく、スタイルシートで指定します。 body{font-family:"メイリオ","ＭＳ Ｐ明朝","平成明朝",serif;} のように、 順番が逆です。 まず、テキストエディタでHTMLやスタイルシートをしっかり身につけてから、手助けツールとしてビルダーを使うべきですよ。最初にビルダーなんかを使ってしまうと、理解せずにページを作成することになります。 今後の学習の大きな障害になるでしょうね。
補足
ご回答有難うございます。 当方相談できる人がいませんので独学でやっております。 ご指摘のようにビルダーの「どこでも配置」モードで、 あまり考える事もなくページを作成していたのも事実 ですので、ど素人の部類にはいります。 今後はテキストエディタでHTMLやスタイルシートでじっくり 地道に学習したいとおもいます。 それから補足ですが、スタイルシートのほうは次のように 指定してあります。 @charset "UTF-8" ; body{ color : #272729 ; font-size : 15px ; line-height : 1.5 ; font-style : メイリオ ; } h4{ color : #272729 ; font-size : 120% ; font-style : メイリオ ; } h4{---}とfont-styleの部分は自分で考えたのですが、 あとは教科書のとうりです。 HTMLのほうは<body>---</body>になっております。
- gao07
- ベストアンサー率61% (11/18)
指定するフォント名はOSにあるフォント名を指定します。 メイリオを指定したい場合は「メイリオ」としてください。 「Meiryo_Console」「Meiryo_Gothic」はTeraPadでのメイリオの名前だと思われます。
お礼
ご回答有難うございます。 ご指摘の部分は「メイリオ」に修正致しました。 皆様のアドバイスで少しずつゴールに向かって おります。 今後とも宜しくお願い致します。
お礼
ご回答頂きまして有難うございます。 せっかくのプログラムを提案して頂きましたが、 初心者の私には分からない言葉も多く、ちょっと 腰が引けてしまいました。 それからTera PadのReadMeを詳しく読みましたら、 Proportional Fontは非対応と出ておりました。 そういうわけで、メイリオを諦めて他のフォントに することにしました。 せっかく皆様に貴重なアドバイスを頂きましたが、 お役に立てることができず、申し訳ありませんでし た。 今後ともご指導のほど宜しくお願い致します。