简体   繁体   中英

Font looks better in chrome than firefox

I was testing my web app on my browsers, but when I tested it on firefox, the font (Lato) looks ugly than Chrome. How can I fix it ? Thanks.

EDIT : I'm talking about Connexion button.

font rendering on chrome:

Chrome上的字体渲染

font rendering on firefox:

在此处输入图片说明

First solution: Text Shadow trick :

.affected_ff {text-shadow: 0 0 1px rgba(0,0,0,0.2);}

Then try, Font Smoothing :

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

Final fix, Translate3D :

.affected_ff {transform: translate3d(0, 0, 0);}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM