internet-explorer - @font-face と IE9+ 入力タグ

Question

私は理解できない問題を抱えています。問題は、企業サイトでカスタムフォントを使用していて、IE を除くすべての場所で問題なく動作することです。

以下のスクリーンショットで確認できる IE の問題:

そして、それがクロムでどのように見えるかがあります

説明してみます... 入力とラベルに使用されるフォントは同じです。問題は、のキリル文字を除いて、すべてが期待どおりに表示されること<input/>です。では、このフォントの何が問題になっているのでしょうか。キリル文字を元に戻すにはどうすればよいですか? それらがフォントに存在することを正確に知っています。

このフォントは font に基づいておりMyriadPro Light、Glyphs を使用して編集されています。編集したフォントをダウンロードして、その構造を理解することができます。

UPD:ああ、言い忘れましたが、このフォントは 2 つの異なるコンバーター (FontSquirrel と OnlineFontConverter) を介して Web 用に変換されました。多分問題はそれらのコンバーターにありますか？*.woffこれはフォーマットの問題だと思うからです。たとえば、IE10 は次*.woff のファイルを使用します@font-face。

UPD2: レイアウトの一部 (html+css):

HTML

<li class="f_name_wrapper aligned_left string input required stringish" id="order_tourists_attributes_0_name_input">
    <label class=" label" for="order_tourists_attributes_0_name">
        Имя по паспорту
    </label>
    <input class="input_text f_name" data-validator_string_ru="Заполняйте это поле как в заграничном паспорте" id="order_tourists_attributes_0_name" maxlength="30" name="order[tourists_attributes][0][name]" placeholder="Sherlock" type="text" validator="not_empty string_en">
</li>

フォントフェイス:

@font-face {
    font-family: "LT-Light";
    src: url(/assets/LTLight-Regular.otf.eot);
    src: url(/assets/LTLight-Regular.otf.eot?#iefix) format("embedded-opentype"),
         url(/assets/LTLight-Regular.otf.woff) format("woff"),
         url(/assets/LTLight-Regular.otf.ttf) format("truetype"),
         url(/assets/LTLight-Regular.otf.svg#LTLightRegular) format("svg");
    font-weight: normal;
    font-style: normal;
}

CSS

#checkout_page .order_form .tourist ol li label {
    font: 12px/12px "LT-Light";
    text-transform: uppercase;
    display: block;
    padding: 0 5px 3px;
}

#checkout_page .order_form .tourist ol li input {
    margin: 0;
    padding: 0 10px;
    border: 1px solid #B7B7B7;
    border-radius: 3px;
    height: 37px;
    font: 18px/normal "LT-Light";
}

UPD 3: 再び問題が発生しました

残念ながら、問題はまだここにあります。現在、別のフォント「Futura Round Regular」で問題が発生しています。fontsquirellで変換したフォントを使用しています。以下の画像で効果を確認できます。

ご覧のとおり、入力の文字列の一部がキリル文字であり、「Times New Roman」と表示され、それ以外はすべて期待どおりに表示されています。この問題は、ほとんどのキリル文字フォントを使用する IE8-10 で発生します。フォントパックはこちらからダウンロードできます

internet-explorer - @font-face と IE9+ 入力タグ

1 に答える 1

Related

Reference