2007.11/29 (Thu)
フォント指定
VISTA&IE7ユーザーの方から、do_xmas_psbのフォント(文字)の種類をメイリオにするにはどうしたらいいかというご質問をいただいたので、ご回答したのですが、他のテンプレでも同様なので、新しく記事にしておきますね。
PCによって、インストールされているフォントはまちまちです。スタイルシートのフォント指定は、複数のフォントを指定していると、一番前に書いたものが最優先で表示され、それがなければ次のもの、何もなければそのPCに入っている標準のフォントで……というような仕組みになっています。
何も指定されていなければ、そのPCの標準フォントでの表示になりますので、何も指定しないことでも、VISTAユーザーに標準フォントであるメイリオで見せることは可能になるわけです。
なので、いっそ、bodyのフォント指定はなくてもいいかも……と思って、指定なしで、色々なブラウザでチェックしてみたんですが、SAFARIは明朝になるんですねえ(今頃知りました;)。これはちょっと読みづらいかも……もっとも標準フォントが読みづらいなんて思うSAFARIユーザーだったら、標準フォントを変更しているだろうし、たぶん問題ないだろうけど……。
でもまあ、とりあえず、MACの場合は、ヒラギノ角ゴ、なければosaka、WINの場合、メイリオがインストールされていればメイリオで、他のWINはMS Pゴシック、以上のものがなければ、そのPCにインストールされているなんらかのゴシック系で表示されるように、全テンプレを書き換えました。
以前のものをお使いの方で、メイリオにする必要があれば、一番前に'メイリオ',Meiryo,を付け加えか、以下の太字部分のように書き換えてください。
メイリオはきれいですが、ゴシック系のフォントと比べると、幅が広く、太いので、AAを貼る人なんかは注意した方がいいかもです。
VISTAユーザーにもメイリオで見せたくない方は、メイリオ指定部分を取っちゃえば、VISTAであっても、MS Pゴシックが優先表示になります。
FC2の公式テンプレも作っていらっしゃるCFDNさんのブログに次のような記事があったので、
http://blog1.fc2.com/cfdn/blog-entry-46.html
これまで、よくわからないものの; 保険で、\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AFとか\30D2\30E9\30AE\30CE\20Pro\20W3と書いていたのですが、最近、こういう書き方、見かけないので(MACユーザーさんの作るテンプレでも)、おそらく今のSAFARIでは解決しているのだろう……という予測のもとに、ビクビクしながら取っ払うことにしました;
それと、以前、英数字をVerdanaにしたいという要望をいただいたことあるんですが、bodyのフォント指定の一番前にVerdanaを付け加えれば、英数字をVerdana表記に出来ますので、お好みでどうぞ。
font-family:Verdana,以下略
私のテンプレは、全体に欧文フォントを指定していない分(本文の英数字が変わるのあまり好きじゃないので;)、日付けやカレンダーや見出しやページ移動等、個別に欧文フォント指定をしていますので、そのあたりもご必要に応じて、お好みで変えてくださいませ。
ちなみに日本語のフォントは'なんとか'のように、引用符で囲む必要があります。
カスタマイズの際は、引用符を削除し忘れたり,を不要に削除してしまったりしないように気をつけてくださいねー。
PCによって、インストールされているフォントはまちまちです。スタイルシートのフォント指定は、複数のフォントを指定していると、一番前に書いたものが最優先で表示され、それがなければ次のもの、何もなければそのPCに入っている標準のフォントで……というような仕組みになっています。
何も指定されていなければ、そのPCの標準フォントでの表示になりますので、何も指定しないことでも、VISTAユーザーに標準フォントであるメイリオで見せることは可能になるわけです。
なので、いっそ、bodyのフォント指定はなくてもいいかも……と思って、指定なしで、色々なブラウザでチェックしてみたんですが、SAFARIは明朝になるんですねえ(今頃知りました;)。これはちょっと読みづらいかも……もっとも標準フォントが読みづらいなんて思うSAFARIユーザーだったら、標準フォントを変更しているだろうし、たぶん問題ないだろうけど……。
でもまあ、とりあえず、MACの場合は、ヒラギノ角ゴ、なければosaka、WINの場合、メイリオがインストールされていればメイリオで、他のWINはMS Pゴシック、以上のものがなければ、そのPCにインストールされているなんらかのゴシック系で表示されるように、全テンプレを書き換えました。
以前のものをお使いの方で、メイリオにする必要があれば、一番前に'メイリオ',Meiryo,を付け加えか、以下の太字部分のように書き換えてください。
body {
text-align:center; /* IEのバグを利用して中央に配置 */
color:#003; /* 画面全体の文字色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
以下略
}
メイリオはきれいですが、ゴシック系のフォントと比べると、幅が広く、太いので、AAを貼る人なんかは注意した方がいいかもです。
VISTAユーザーにもメイリオで見せたくない方は、メイリオ指定部分を取っちゃえば、VISTAであっても、MS Pゴシックが優先表示になります。
FC2の公式テンプレも作っていらっしゃるCFDNさんのブログに次のような記事があったので、
http://blog1.fc2.com/cfdn/blog-entry-46.html
これまで、よくわからないものの; 保険で、\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AFとか\30D2\30E9\30AE\30CE\20Pro\20W3と書いていたのですが、最近、こういう書き方、見かけないので(MACユーザーさんの作るテンプレでも)、おそらく今のSAFARIでは解決しているのだろう……という予測のもとに、ビクビクしながら取っ払うことにしました;
それと、以前、英数字をVerdanaにしたいという要望をいただいたことあるんですが、bodyのフォント指定の一番前にVerdanaを付け加えれば、英数字をVerdana表記に出来ますので、お好みでどうぞ。
font-family:Verdana,以下略
私のテンプレは、全体に欧文フォントを指定していない分(本文の英数字が変わるのあまり好きじゃないので;)、日付けやカレンダーや見出しやページ移動等、個別に欧文フォント指定をしていますので、そのあたりもご必要に応じて、お好みで変えてくださいませ。
ちなみに日本語のフォントは'なんとか'のように、引用符で囲む必要があります。
カスタマイズの際は、引用符を削除し忘れたり,を不要に削除してしまったりしないように気をつけてくださいねー。
スポンサーサイト
| HOME |