Web サイト全体で jQuery モバイルのデフォルト フォントを上書きしようとしています。
jQuery テーマ ローラーがあることは確認しましたが、フォントを変更するためだけにテーマ全体を追加するのは少し多すぎると思います。
css に、すべてのテキストを選択してフォントを適用するのに役立つセレクターはありますか?
Web サイト全体で jQuery モバイルのデフォルト フォントを上書きしようとしています。
jQuery テーマ ローラーがあることは確認しましたが、フォントを変更するためだけにテーマ全体を追加するのは少し多すぎると思います。
css に、すべてのテキストを選択してフォントを適用するのに役立つセレクターはありますか?
次のように簡単に設定できます。
* {
font: 14px Calibri,Arial !important;
}
次に例を示します。
http://jsfiddle.net/Gajotres/AzXdT/
jQuery Mobile ページとウィジェットをカスタマイズする方法について詳しく知りたい場合は、この記事をご覧ください。jQuery Mobile に !important が必要な理由など、多くの実用的な例が付属しています。
必要なことは、jQuery Mobile CSS を見て、フォントが現在どのセレクターに設定されているかを把握し、独自の CSS でそのセレクターの値をオーバーライドすることだけです。
jquery-mobile css ファイルで次の行を見つけて、必要なフォントを指定するように変更する必要があります。
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button {
font-family: Helvetica,Arial,sans-serif;
}
-b、-c などのスタイルを使用している場合は、それらも変更する必要があります。