自分のサイトのフォントをMS Pゴシックにするべきか、メイリオにするべきかで悩んでいます。
自分のPCのOSがVistaなので、これまで当然のようにメイリオをフォントに指定していましたが、メイリオがインストールされていないXP環境のPCで私のサイトを見たところ、別のサイトを見ているかのような印象を受けてショックでした。
メイリオはデフォルトの行間や字間が広めになっているので、メイリオとMSPゴシックの両方で満足できるように表示させようと思うといろいろ苦労してしまいます。
具体的な悩みは、フォントをメイリオにするかMSPゴシックにするかで、
サイドバーの項目の、改行されたり改行されなかったりするので、この文字数なら、このくらいの幅の背景画像を使おうとか、この項目は改行されないように文字を小さくしようといったことをすると、MSPゴシックかメイリオかのどちらかでしかそれが満足できないというものです。
可読性が高いのはMSPゴシックですが、デザインがお粗末なのでできればメイリオにしたいのです。Vistaのシェアが3割にも達していないので、MSPゴシックにしたほうがいいのかもしれませんが・・・。
数の暴力ということで、MSPゴシックにするしかないのでしょうか。
これは、ネットスケープとIEのブラウザ戦争以上の問題になるという記事もありました。
http://www.ops.dti.ne.jp/~okaji/meiryo.html
MSのサイトや一部のニュースサイトはメイリオを指定していますが、GoogleやYahooやほとんどのサイトがメイリオを指定していないので、それに従いMSPゴシックにしようか悩んでいます。
フォントのデザインまでこだわる部分を画像で代替させるのも手ですが、なるだけファイルサイズを小さくしたいし、なによりも面倒なのでできればテキストにしたいのです。
A 回答 (7件)
- 最新から表示
- 回答順に表示
No.7
- 回答日時:
質問事項とは少し外れてしまいますが、ブラウザにもよると思いますが、ユーザースタイルシートと言って、閲覧者がそれを適応した場合、webページの作者(つまり、HeyJudyさん)が作成したスタイルシートより優先して表示されます。
もし私が「font-family: 魚石行書;」という感じのユーザースタイルシートを使用したとすると、文字は魚石行書で表示されます。
ユーザースタイルシートまで行かなくても、文字などの大きさを「xx%」として表示できるブラウザもあります。そうすると当然改行位置なども変わります。
参考URLでは、Windowsでも簡単にフォントなどを変更できることが書かれています。
こうなると、作成者側で強制的にフォントや改行位置を指定するのはナンセンスである、と私は考えています。
参考URL:http://www.kanzaki.com/info/readable.html
No.6
- 回答日時:
私の環境だと今まで出てきたフォントは全滅のようですが。
最近流行のULCPCなどで見ると、やっぱり改行位置がずれてしまうんじゃないでしょうか。
あるいはユーザのフォントサイズ次第では標準スペックのPCでさえも・
No.5
- 回答日時:
font-familyで、メイリオ、MSPゴシックなど環境分岐を定義しても、行間、文字幅などがメイリオ基準の1つ定義だけなら、非VistaのMSPゴシック環境で見た場合、違和感を感じるのは、まぁ当然でしょう。
そういった所が、許容を超えるならば、JavaScriptでOSは判定して、非Vista(MSPゴシック)用のCSSを定義し行間、文字幅などを設定すればいいと思います。No.4
- 回答日時:
そんなにメイリオにしたければメイリオを指定して、
メイリオがインストールされていない環境ではMS P ゴシックやMS ゴシック、またはOSAKAなどで表示されるようにすればいいのでは?
No.3
- 回答日時:
メイリオでも良いのではないでしょうか。
http://phpspot.org/blog/archives/2007/03/javascr …
これでメイリオがあるかを判別してフォントサイズを切り替えるとかどうですか?
No.2
- 回答日時:
Macは少数だから無視という考えなら、Vistaか非Vistaで考えるのではなく、Webサイトでメイリオに対応しているサイト数の大小で考えてみては?だいたいメイリオに対応しているサイトは、非VistaではMSPゴシックで表示し、多少の見えの違いは覚悟の上だと思います。
この回答への補足
質問がわかりにくくてすいません。現在はfont-familyを メイリオ、MSPゴシック、Osaka、平ギノにしております。当然メイリオとMSPゴシックでの若干の見えの違いは覚悟しております。
私がお尋ねしたかったのは、MSPゴシックにくらべ幅の広いメイリオにあわせてコーディングすると、MSPゴシックで表示された場合に意図しないところで改行されたり、テキストの可読性が著しく失われてしまうという、見えの違いというレベルではない致命的な問題を解決するにはどうすればいいのでしょうかということでした。
No.1
- 回答日時:
詳しくは知らないのですが、OSがMacだと、迷っている2つのフォント、どちらも無いと思いますが、その場合はどう考えていますか?
PC環境が違ってもまったく同じレイアウトにしたいのであれば、画像を使うか、PDFファイルにするしかないんじゃないでしょうか。
この回答への補足
font-familyで後ろのほうでOsakaや平ギノを指定しているので大丈夫です。
マック対ウインドウズは 2:98 くらいなのでマックを無視できますが、
Vistaと非Vistaは、 25:75 くらいなので両方とも無視できません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(インターネット接続・インフラ) Webサイトのフォント・級数変更について 1 2022/10/18 18:08
- Word(ワード) ワードフォント 一括置換の方法 4 2022/12/31 00:27
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
- ビジネスマナー・ビジネス文書 私の所属する公的機関の文書はとても読みにくく、おそらく、以下が原因のように思われます。 フォントはゴ 1 2022/12/01 07:35
- 画像編集・動画編集・音楽編集 何のフォント? 2 2022/10/20 18:10
- Excel(エクセル) [入力規則]のリストボックス内の“不揃いの林檎たち” 3 2022/09/15 18:32
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- Word(ワード) ワードを起動したとき、デフォルトで”HGPゴシックE”にしたいのです。 1 2023/03/01 00:57
- Excel(エクセル) Excelのテーマのフォントが変わらない 4 2023/08/24 13:13
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
テーブル内の文字サイズを変更...
-
入力規則のリストの文字の大き...
-
英サイト(UTF-8)内での全角文字...
-
コピーライト記号の表示が小さい
-
<table></table>内のFONT指定に...
-
VBAでListViewのフォントを変更...
-
<pre>タグ内のフォントサイズに...
-
h1をCSSでサイズ指定→文字間隔...
-
LaTeXの文字の大きさの変え方。
-
【DreamWeaver】「コード」画面...
-
エクセルで文字が勝手に大きく...
-
”ヒラギノ明朝Pro”をWindowsで...
-
TeraPadでの上付きアスタリスク...
-
アンドロイドスマホでのphp ech...
-
alertで表示させる文字サイズは...
-
セレクトボックスの幅を指定し...
-
alertで、アイコンの変更、又は...
-
Web font 会社のホームページを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
コピーライト記号の表示が小さい
-
セレクトボックスの幅を指定し...
-
<pre>タグ内のフォントサイズに...
-
アンドロイドスマホでのphp ech...
-
VBAでListViewのフォントを変更...
-
英サイト(UTF-8)内での全角文字...
-
HTMLテキストボックス内の文字...
-
alertで、アイコンの変更、又は...
-
パスワード欄の"●"文字を小さく...
-
”ヒラギノ明朝Pro”をWindowsで...
-
CListCtrlで行の高さを指定した...
-
奇数のフォントサイズ指定について
-
<table></table>内のFONT指定に...
-
共有メモリについて
-
インラインフレーム内の文字の...
おすすめ情報