CSS: Font-face anti-aliasing

Question

@ ı @ font-face CSS seçeneği ile mücadele biraz değilim. okuma çok sonra çalışırken, yeniden deneniyor Sonunda size yazı yükleyebilir hazır halindeyken paketini yapan bir web sitesine rastladım. Şimdi koşuyor ama yazı tipi anti-aliased almıyor. Bu durumu diğer web sitelerinde gördüğümde, benim başlıkları istediğim gibi yapmıyor.

Benim CSS kodu: bırakılır Ne

@font-face { 
font-family: 'YanoneKaffeesatzThin'; 
src: url('../fonts/yanonekaffeesatzthin-webfont.eot'); 
src: local('☺'), url('../fonts/yanonekaffeesatzthin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatzthin-webfont.ttf') format('truetype'), url('../fontsyanonekaffeesatzthin-webfont.svg#webfontyC5sm3N9') format('svg'); 
font-weight: normal; 
font-style: normal;} 

bu son ama anoying, konu gitmesini sağlamak için ne için? düzgünleştirme hala sistem varsayılan tarafından kontrol edilecektir rağmen

Answer 1

CSS3 ile, font-smooth özelliğini kullanabilirsiniz. Eğer gerçekten olursa olsun işletim sistemi ne temiz bir düzgünleştirme zorlamak gerekiyorsa, otomatik olarak bir Flash bileşeni metni değiştirmek hangi sIFR'yi kullanmak zorunda.

Answer 2

Ayrıca bakınız: http://www.elfboy.com/blog/text-shadow_anti-aliasing/

özü text-shadow: 0 0 1px rgba(0,0,0,0.3); ekleyerek anti-aliasing görünümünü sağlamasıdır.

Answer 3

Cufon ve Typeface.js bir araya getiren ve bu iplik tartışılan HTML5 CSS3 ve JS çözümler çok sterilize çözümdür. antialiased web, üzerinde herhangi bir yazı teslim -

Her yazı dosyaları (ttf, otf, wotf) Yapmaya çalıştığınız şeyi yapmak komut dönüştürülmesini sağlayan bir dönüştürücü vardır. Bu ikisinden

, ben antialias başa bir o kadar yaygın CSS kural hakkında Cufon http://cufon.shoqolate.com/generate/

Answer 4

Sadece kısa bir not tercih ederim.

-webkit-font-smoothing: antialiased; 

Sen webkit tarayıcıları için render yazı hafif bir değişim olacaktır. Genellikle yazı tipi daha net ve zayıf görünür. Diğer değerler:

-webkit-font-smoothing: subpixel-antialiased; 
-webkit-font-smoothing: none; 

Bir demo sayfası: http://maxvoltar.com/sandbox/fontsmoothing/

Sen woff için OTF dönüştürmek gerekir https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Webkit_Extensions

Answer 5

unutmamak gerekir: - (! Works)

---

OTF> woff

TTF -> OTF -> woff (İşleri!)

TTF -> woff (Google Fonts yılında Antialiasing, yaygın hata çalışmıyor mu)

1º

---

) yazı tipi diğeri ise ve) OTF font version

1º alternatifi İndir, dönüştürmek o

---

woff https://everythingfonts.com/otf-to-woff dönüştür) https://everythingfonts.com/ttf-to-otf

2º ile OTF OTF için

Yalnızca WOFF değil EOT, SVG, WOFF2 vb. Kullanın.