- 締切済み
UNIXの日本語書体について
いつもお世話になります。 ウェブサイトで、CSSを振り分けて文字などの指定をしてますが、 例えば、LinuxとかSunとかのUNIX環境のブラウザで、日本語ページを 観覧した場合、標準書体はなんでしょうか。 例：MS PGothic, Hiragino Kaku Gothic Pro また、行間や、トラッキングなどは、Windowsに近いのか、 Macに近いのか、そこらあたりはどうなんでしょうか。 教えて下さい。よろしくお願いします。
- waterclock
- お礼率85% (175/205)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
sans-serif ：ゴシック系 serif ：明朝系 実際に使用されるフォントは環境によるので不定です。 表示についてはインストールせずに動く「KNOPPIX」でも使って実際に見てみては。
関連するQ&A
- 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 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 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 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 PGothic", sans-serif; float: right; width: 296px; padding-right: 30px; height: 500px; }
- ベストアンサー
- ホームページ作成ソフト
- CSSがFirefoxで効かない（IEでは効く）
body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } という記述をしているのですが、IE7では有効なのに、Firefox3では有効になりません。 なぜなのでしょうか？ ご存じの方いらっしゃいましたら、お教えいただけると幸いです。 よろしくお願いいたします。 ＊当方環境は、vista ultimate 64bitです
- ベストアンサー
- HTML
- CSS SafariでMS P ゴシックを表示したい
SafariでMS P ゴシックを表示したいのですが、 font-family: 'ＭＳ Ｐゴシック', MS P Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; 上記のCSSでは表示してくれません。 SafariでもMS P ゴシックを表示する方法をお願いいたします。
- ベストアンサー
- HTML
- font-familyで色々指定しても全く変わりません；
font-familyで色々指定しても全く変わりません； windowsでホームページを見るとフォントが見づらかったため ネットで読みやすいフォントを検索し、 CSSで font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica; と指定しました。 しかし、指定しないファイルと見た目が全く同じなのですが XPには上記のフォントはプリインストールされていないのでしょうか？ 上記の指定はフォントをダウンロードしている人にのみ適用されるだけなのでしょうか？
- ベストアンサー
- HTML
- スクロールバーの色を（黒色に）変えたいので、下記のようにHTMLを記述
スクロールバーの色を（黒色に）変えたいので、下記のようにHTMLを記述しましたが、上手く出来ません。変更が出来ないのです。どなたか解る方がいましたらスクロールバーの色の変更のやり方を教えてください。よろしくお願い致します。 因みに、私はドリームウェーバーＣＳ５を使用しております。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>KANESUZU</title> <style type="text/css"> body { background-image: url(sozai/back.jpg); margin-top: 20px; margin-bottom: 20px; scrollbar-face-color:#000000; color: #BBCADE; } .waku { border: 1px solid #999; } .style7 { font-size: 12px; color: #999; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .obi { background-image: url(sozai/obi.jpg); } .obimoji { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; color: #999; }
- ベストアンサー
- HTML
- CSSのフォント指定
現在bodyに以下の設定をしています。 font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 実際にヒラギノ角ゴ Pro W3をインストールしてサイトを見るとアンチエイリアスが 掛かっていないようで非常に文字が見づらいです。 ※環境はWinXPでIE8 上記の設定をしたのも以前に調べてみた際に定番のような指定に見受けられたので このような設定にしたのですが今の定番ってありますか？ また、こんな設定にしているなどというアドバイスもいただけます嬉しいです！ 宜しくお願いします。
- 締切済み
- HTML
- web制作 スマホでfont-sizeが崩れる
web制作初心者です。 昨夜同じ質問をしたのですが、具体例などを入れて改めて質問します…！ この度、やっとホームページを開設することができました。 と思って喜んでいたのですが、スマートフォン（iPhone4）で見てみるとmacやwinでは見られなかったフォントサイズの崩れが起きています。 font関係はcssで指定していて、 font-familyは以下のように、 body { font-family : osaka, 'arial', 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic','ＭＳ ゴシック','MS Gothic', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Helvetica', 'Arial','Courier', sans-serif ; } font-sizeは以下のように .text8 { font-size:0.7em; line-height:2.3; letter-spacing:normal; } 書いています。 全てが違うわけではなく、指定が効いている所と大きくなってしまっている所が混在していて、法則などはなさそうです。 例えば、 <dl class="news"> <dt><span>2011. 11. 01</span></dt> <dd><div>ホームページを開設しました<br></div></dd> </dl> というソースでは「ホームページを開設しました」部分が大きくなってしまいます。 スマートフォンの設定を大きく変えているわけではないので、webの作り方に問題があると思うのですが、 PCでの見え方とスマートフォンも見え方を同じにするためになにかアドバイスがあれば、教えていただきたいです。 どうぞ、よろしくお願いします！
- ベストアンサー
- CSS
- 『JavaScript Accordion』について
『JavaScript Accordion』について 初めて投稿致します。 『JavaScript Accordion』（http://www.leigeber.com/2008/10/animated-javascript-accordion/の「Click here to download the source code.」でダウンロード可）を自サイトに実装しようとしたのですが、もともとの形式が「dl dt dd」形式のため、うまく実装できませんでした。 実装したい箇所は下記の通りです。 <!-- BEGIN news --> <h3>NEWS</h3> <div class="main"> <ul class="news"> <li>2010/01/05 : 更新5</li> <li>2010/01/04 : 更新4</li> <li>2010/01/03 : 更新3</li> </ul> </div> <!-- END news --> <!-- BEGIN old --> <h3>OLD</h3> <div class="main"> <ul class="news"> <li>2010/01/02 : 更新2</li> <li>2010/01/01 : 更新1</li> </ul> </div> <!-- END old --> <!-- BEGIN news -->から<!-- END news -->は常時表示、<!-- BEGIN old -->から<!-- END old -->は通常非表示、見出しの「OLD」をクリックすることで表示or非表示が切り替わるようになるのが希望です。 また上記タグの箇所は以下の通りcssを設定しているのですが、実装するにあたって何か追加する必要はありますでしょうか？ h3{ font-size:80%; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Chicago,sans-serif; font-weight:bold; color:#ef004a; letter-spacing:4px; margin:0 5px 10px 14px; } div.main{ font-size:76%; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Chicago,sans-serif; line-height:150%; padding:0 10px 15px 15px; } ul.news{ font-size:100%; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Chicago,sans-serif; padding:0 10px 10px 15px; } ul.news li{ list-style-type:disc; } スクリプト、htmlタグ、cssそれぞれどのように変更すれば実装が可能か、どなたか詳しい方がいらっしゃいましたら、お知恵を拝借したく存じます。 どうぞよろしくお願い申し上げます。
- ベストアンサー
- JavaScript
- font-sizeが効きません
どうしてもfont-sizeが効きません。もう、昨日からずっと格闘しております・・・ ninjaブログへの指定はこれでうまくいっているのですが、 ホームページのほうは何故かfont-sizeだけダメなのです。 理由と解決策をお聞かせ頂けますとうれしいです！よろしくお願い致します。 body { background-color : #210709; background-image: url("bg_kusa.jpg"); background-position:bottom center; background-repeat:no-repeat; background-attachment:fixed; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#444; font-size: 60%; }
- ベストアンサー
- CSS
- font-sizeが効かない
html5でHTMLソースを記述しています。 時々、font-sizeが効かない事がありますが、どうしてかわかりますでしょうか？ HTML＞ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <div class="mainContents"> <a href="#"><span class="r20 t30 b30 right">＜戻る</span></a> <div class="clear"></div> </div> CSS＞ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー .right { float:right; } .r20 { margin-right:20px; } .t30 { margin-top:30px; } .b30 { margin-bottom:30px; } .mainContents { width:320px; background-color:#fff; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; } 確認ブラウザは、SafariとFireFoxです。 よろしくお願いいたします。
- ベストアンサー
- CSS
お礼
情報ありがとうございます。 KNOPPIXについては、知らなかったので 只今検討中です。