Cmlap Hírek, cikkek Betûk simítása Google Chrome-ban

Betûk simítása Google Chrome-ban

Chrome-ban a font smoothing (betûk simítása vagy antialiasing) nem teljesen tökéletes.
Ha összehasonlítjuk, (nagyobb betûméreten a legfeltûnõbb) igen nagy a különbség Firefox és Explorer böngészõkhöz képest.
Egy oldal készítésekor tapasztaltam, kifejezetten a google webfontokkal, hogy a Chrome-ban nézve pixelesek a szövegek. (Itt a képen már nem teljesen jól látható, de ki lehet próbálni, eléggé szögletes a széle, nincs jól elmosva.)
Not smoothed font

És ilyen lesz a csellel:
Text with font smoothing

A megoldás a következõ: a szöveg elem mögé egy nagyon halvány árnyékot kell helyezni, így simának fog tûnni.
Chrome-ban ez a CSS3 beállítás nem probléma, már kezeli, a többi böngészõben pedig nem okoz problémát.

pl. így:

h2{text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}


Ha tetszett vagy hasznosnak talltad, krlek oszd meg!
Author / szerz:
Hozzszlsok
Vlasszon nyelvet!
Keress a tartalomban
Kattintson ide az adatok elkldshez!