1

Script Capital H は、Internet Explorer の chrome や firefox とは大きく異なり、ほとんど判読できません。とにかく同じに見えるようにするか、少なくとも文字の読みやすさを改善することはありますか?

キャラの例はこちら。ie と firefox/chrome の両方でリンクを開くと、違いがわかります。 http://graphemica.com/%E2%84%8B

Unicode エンコーディングを使用しているか、マークアップに実際の文字を単に貼り付けているかに関係なく、文字のレンダリングは同じです。

4

1 に答える 1

2

その理由は、ブラウザーごとにデフォルトのフォントが異なり、スクリプト大文字の H はフォントごとにかなり異なるデザインになっているためです。スクリプトの文字は手書きの文字に似ていると想定されており、手書きはさまざまです。

ページで使用するフォントを CSS で宣言すると、宣言されたフォントのいずれにもその文字が含まれていない場合、ブラウザはとにかく他のフォントを使用するように強制されます。したがって、許容可能な形状の文字を含むことがわかっているフォントのリストを作成し、その文字を含む要素に対してそのリストを宣言する必要があります。たとえば、次のように使用できます。

<span class=special>&#x210b;</span>

CSSコードで

.special { Lucida Sans Unicode, Segoe UI Symbol, DejaVu Sans }

おそらく、はるかに長いリストがあります。参照。フォント カバレッジ情報 (網羅的ではありませんが、便利です): http://www.fileformat.info/info/unicode/char/210b/fontsupport.htm

あなたが言及したページには がありますfont-family: "Times","Times New Roman","serif","sans-serif"が、特定のフォントのどちらにも文字が含まれていないため、serif および sans-serif という名前のフォントが使用されます (これらの名前は、CSS で定義された一般的な名前として取得されるように引用符で囲んではいけません!)、ブラウザは、どん底のデフォルト フォントに戻ります。これはさまざまで、ブラウザの設定によって異なる場合があります。

line-height同じ行にある異なるフォントの文字がそれぞれ独自のデフォルトの行の高さでレンダリングされることによって発生する問題を回避するために、すべての要素に対して設定することを忘れないでください。

詳細: HTM Lで特殊文字を使用するためのガイド。

于 2012-10-05T11:45:54.073 に答える