2

何らかの理由で、このルールは Mac の Chrome では適用されますが、Windows では適用されません。ページの下部にある矢印はイタリック体にする必要がありますが、これは Mac でのみ機能します。

ここで例を見ることができます: http://jansensan.net/clients/float4/allianz-global-assistance/true-stories.html

ここで CSS を確認できます: http://jansensan.net/clients/float4/allianz-global-assistance/assets/css/main.css

.buttonLabel クラスを探します。

IE または Firefox で動作する可能性があると言及する直前に、これらのブラウザーはこのプロジェクトには関係ありません。HTML 出力は、Chrome と同じように動作するカスタム Webkit 統合になります。

私が見落とした明らかな何かがありますか？助けてくれてありがとう！

4

1 に答える 1

3

その理由は、イタリック バージョンのない文字をイタリックにしようとしていることが原因のようです。つまり、イタリック フォントでも通常の (直立した) フォントと同じように見えます。これは特殊文字では正常です。イタリック体を使用するということは、基本的に、特別に設計されたグリフを文字やその他の文字に使用することを意味します。

ここに関連するマークアップは

<div class="buttonLabel label">&lt;</div>

および関連する CSS コード

.buttonLabel
{
font-family: Verdana, sans-serif;
font-style: italic;
}

(質問の見出しに反して、CSS コードで Helvetica または Arial への参照が見つかりません。また、矢印が見つかりません。LESS THAN 文字と GREATER THAN 文字だけです。)

Verdana では、「<」を表すイタリック体のグリフ 通常のグリフと同じです。Arial の同上。他のフォントでは異なるように見えるかもしれませんが、これは印刷上の欠陥と見なされるべきです。Arial Unicode MS などの一部のフォントには、斜体バージョンがまったくありません。一部のブラウザやその他のプログラムは、通常のグリフをアルゴリズムで傾けることにより、そのようなフォントに人為的な「斜体」を (誤って) 適用する場合があります。

解決策は、何を求めているかによって異なります。「<」をイタリック体にしようとする理由がわかりません。または「>」ですが、そのような文字の歪んだ傾斜バージョンを取得したい場合は、画像を使用するのが実用的な解決策です。

于 2012-08-09T19:19:31.030 に答える