font-family、ね、嫌いな人も多いプロパティですが。
わたし個人は好きです。だってせっかく色々あるフォント使いたいじゃん。
たくさんの人が見るような商用サイトなら確かにちゅうちょするけど、個人レベルならもうそれは好みでいいと思う。好きも嫌いもどうしようもないべさ。
嫌いな人はユーザースタイルシート使うといいと思います。好きな人は過度な使用は控えるといいと思います。
お互いが歩み寄ってたのしいwebライフ、どーよ？
| サンプル表示 | フォント名 | 備考（※） |
|---|---|---|
| あい愛アイ123 あい愛アイ123 | ＭＳ Ｐゴシック | Winのみ |
| あい愛アイ123 あい愛アイ123 | ＭＳ Ｐ明朝 | Winのみ |
| あい愛アイ123 あい愛アイ123 | メイリオ,Meiryo | Win Vistaのみ |
| あい愛アイ123 あい愛アイ123 | ヒラギノ角ゴ Pro W3 | Macのみ |
| あい愛アイ123 あい愛アイ123 | ヒラギノ明朝 Pro W3 | Macのみ |
| あい愛アイ123 あい愛アイ123 | ヒラギノ丸ゴ Pro W4 | Macのみ |
| ABCDabcd@!?123 ABCDabcd@!?123 | Verdana | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Courier New | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Georgia | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Times New Roman | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Impact | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Comic Sans MS | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Arial | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Century | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Century Gothic | |
| ABCDabcd@!?123 ABCDabcd@!?123 | Trebuchet MS |
※「Winのみ」「Macのみ」は、OSによってプリインストールされているフォント（特に和文）の違いがあるため記載しています。OSのバージョンによってはこの記載の限りではありませんのでご注意ください。
欧文はWinでもMacでも標準で入ってるんじゃないかなぁと思うものを選出。Macのが使えるフォント数は多いと思いますが、多数派はWinなのでこれだけで。
どうでもいいこと。
Winでネットブラウジングしている時はフォントなんて全くもって気にしてませんでしたが、Macを初めて使ったときにヒラギノ角ゴの綺麗さに本当に驚いたっていう思い出があります。
こんなにも文章ってきれいに表示されるんだと感動しました。
それ以来自分でサイト作る際にはMac用の文字指定も欠かさず入れ、あわよくば欧文部分もデバイステキストを指定するという
習慣になりました。（後半はデザインによりけりですが） でもブラウザのレンダリングがアンチ文字に対応しているか、解像度は十分な余裕があるかなどで読みやすさなんてのは変わってしまうし、他のCSSプロパティと比べてもユーザーの環境によっては衝突しかねないのが現実です。（アンチかかってなくてきれいに読めるのはやっぱりMSゴだとも思う）
そのあたりは様々な可能性を考えて指定くんだりするのがサイト作成側の責務ですが、webが一般的なブラウザっていう媒体に留まらず広がっている現状、いっさいそういった指定をせずに、ユーザー側のシステムフォントに表示を任せるのが次代の潮流なのかなとも思っています。
とはいえ、このブログではあくまで一般的な閲覧環境を想定しているので、まだフォントは「デザインできる範疇」かなと。思っているので、このエントリーも残しておきます。
Comment
- ただいま「非公開コメント」は受け付けていません。ご了承ください。