Firefoxで表示される数学記号(「∠」など)に問題があります。を使用してこれを修正しました<span style="font-size:200%;">∠</span>
が、他のブラウザでは大きすぎます。
インラインCSS(ドキュメントヘッドまたは外部CSSを変更できません)を使用して、サイズの増加をFirefoxにのみ適用する方法はありますか?
もう1つのオプションは、MathMLで生成された画像ですが、正確な方程式の文字列を検索することは不可能です。
これはフォントの問題であり、フォントレベルで対処する必要があります。これは間接的にのみブラウザの問題です。ドキュメント自体で提案されているフォントのいずれにも文字が見つからない場合、ブラウザごとにデフォルトのフォントと使用するバックアップフォントのリストが異なります。(このような問題の一般性については、HTMLでの特殊文字の使用に関するガイドを参照してください。)
これは、必要な文字を含むフォントのリストを調べる必要があることを意味し、 http://www.fileformat.info/info/unicode/char/2220/fontsupport.htm はかなり良いです(すべてのフォントを網羅しているわけではありませんが、しかし、おそらくJoe Q. Publicが彼のコンピュータに持っている可能性のあるすべてのフォント)。次に、コピーテキストフォントの選択を考慮して、レンダリングがニーズに適しているフォントを選択します。
たとえば、私のシステム(Win 7)では、Firefoxはスタイルなしの「∠」をIEよりも実際に小さく表示しますが、これはフォントサイズの違いが原因ではありません。フォントサイズを変更すると、暗闇の中でのショットになります。代わりに、私が使用する場合
<span style="font-family: Lucida Sans Unicode">∠</span>
システムの両方(またはすべて)のブラウザーで同じレンダリングが得られます。Lucida Sans UnicodeはWindowsで利用できるので(普遍的には)、font-family
DejavuSansのようにいくつかのバックアップフォントをリストに追加することを検討してください。(角度文字を含むフォントのほとんどは、ほとんど使用できないため、外観を確認できたとしても、そこにリストする価値はないでしょう。)
クラスを適用する(または単に使用するspan
)ことができ、cssでこれを実行します。
<style type="text/css">
@-moz-document url-prefix() {
span {
font-size:200%;
}
}
</style>
url-prefix
ルールは、URLがそれで始まるすべてのページにルールを適用します。
@-moz-document url-prefix() {
/*your needs*/
}
@-moz-
はGeckoレイアウトエンジン固有のルールです。これは標準のルールではありません。Mozilla固有の拡張機能です。