@ font-face和IE9 +輸入標籤

我堆放的問題我無法理解。麻煩的是，我在我們的公司網站上使用自定義字體，並且在任何地方都可以正常使用（IE除外）。@ font-face和IE9 +輸入標籤

問題與IE瀏覽器，你可以在下面的截圖看到： IE problem http://f.cl.ly/items/0k1T0R2u2i2L1C3L3u0o/Screen%20Shot%202013-07-23%20at%205.23.36%20PM.png

而且還有它的外觀鍍鉻 Chrome http://f.cl.ly/items/3n022Q2a212V2T0m3Q0B/Screen%20Shot%202013-07-24%20at%2010.57.27%20AM.png

我會盡力解釋...用於輸入和標籤字體是相同的。問題是所有東西都按預期顯示，除了西里爾文的字形在<input/>之外。那麼，這個字體有什麼不對？我怎樣才能找回西里爾字形？我完全知道他們在字體中出現。

此字體基於MyriadPro Light字體，使用字形進行編輯。您可以使用download編輯字體來了解其結構。

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。你可以看到效果的圖像下面：

IE problem http://f.cl.ly/items/0L2X000n1L3N3K323w2m/Screen%20Shot%202013-09-16%20at%205.16.44%20PM.png

正如你所看到的，在輸入字符串的一部分是西里爾和它被顯示爲「宋體」，一切顯示正常。在大多數西里爾字體的IE8-10中會發生此問題。您可以下載字體包here

來源

2013-07-23 nicholas_r

你在說'M'嗎？其餘的看起來很像我的西里爾。你是怎麼修改字體的？你使用了正確的Unicode字符代碼嗎？ – Mario

是的，它是西里爾文，但字體家族的錯誤。例如，你可以看到數字和西裏爾字母之間的差異。我的修改非常簡單，我剛剛刪除了一些不必要的字形。所有西裏爾字母和拉丁字母都以這種字體出現。 –

而且，當然，在所有其他瀏覽器字體正常工作。 –

問題通過使用源代碼ttf而不是otf格式解決。現在自定義字體工作正常。

來源

2013-07-25 22:41:22

@ font-face和IE9 +輸入標籤

回答

相關問題