Rozpixelovaný font v SAFARI alebo CHROME?

Tiež sa stretávate s tým, že chcete použiť veľmi pekný tenký font ale v SAFARI a CHROME je úplne celý zle? Mám pre vás rýchle riešenie, ktoré funguje a určite vám ušetrí čas a aj nervy.Riešenie, ktoré je otestované v CHROME aj v SAFARI má veľmi jednoduché riešenie…

html {
-webkit-font-smoothing: antialiased;
}

Ono sa to možno nezdá, ale niekedy je nutné riešiť aj tzv. subpixel. Hlavne pri rozlíšeniach, ktoré menia veľkosť pixelu. V tom prípade odporúčam použiť media query:

 

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {     
-webkit-font-smoothing: subpixel-antialiased; 
} 

Pridaj komentík

Táto webová stránka používa Akismet na redukciu spamu. Získajte viac informácií o tom, ako sú vaše údaje z komentárov spracovávané.