Font-face, Opera tarayıcısında otomatik tamamlama açılan listeyi dağıtır

Question

Başlıkta belirttiğim gibi, css font-family kullanırken, özel font (font-face), karmaşıktır (siyah arka plan, siyah metin))) Opera'da otomatik tamamlama açılan liste.

input[type='text'], input[type='password'], input[type='email'], input[placeholder] { 
    font-size: 1.2em; 
    font-family: sans-serif; 
    color: #2A873A; 
    padding-left: 25px; 
} 

Yukarıdaki kodlar iyi çalışır, ancak "font-family: sans-serif;" bazı font-face fontları (google web fontları da) ile sorun başlar.

İşte "bug" eyleminin ekran görüntüsü.

Not; Opera'nın yerel otomatik tamamlayıcısı, özel js değil, açılır liste olduğunu belirtmeliyim.

DÜZENLEME: http://jsfiddle.net/burCR/

Answer 1

Eğer css doğrudan yazı belirterek denediniz mi? örneğin:

div.magicsomething {font-family:CustomFont,Customfont2,sans-serif;} 

Yukarıdaki yapmazsak, ayrıca çok iyi 'iç ​​içe elemanları' de font-family:inherit gerekebilir böylece iç içe elemanları, özel yazı tipleri ile takılıp unutmayın. Bu yazı tipi Opera ile uyumlu olduğundan emin olmak için kontrol edin, belirgin bir şey olsa da

fazladan yardım için sitenize

Answer 2

özel yazı tipi, tam css ve canlı bağlantının adını belirtin. İşte bazı web güvenli yazıların bir listesi.

http://www.w3schools.com/cssref/css_websafe_fonts.asp

Ve bu microsoft word dan istediğiniz yazı tipini alarak denemek ve özel size eklemek yazı yerine bir web uyumlu bir kullanmanın @fontface kullanmak işe yaramazsa

.

Son olarak, yazı tipi-ailenizi formda kullanmayı deneyin ve girdinin yazı tipini devralmasını sağlayın. Umarım bu yardımcı oldu. Yazı tipini doğrudan belirtmek için Ditto

Answer 3

Ayrıca, deneyimlerimde güzel ve tarayıcılar arası uyumlulukla çalışan base64 kodlamasını kullanmayı da deneyebilirsiniz.

Answer 4

Hem arkaplan hem de metin için renkleri ayrı ayrı belirtebilirsiniz.

input { 
    background-color: white; 
    color: black; 
    font-family: "My Fontface Font", Verdana, ms serif; 
}