Using custom fonts with css font-face, different on different browsers -
let me give examples:
firefox 13:
chrome (latest):
as can see, in firefox font appears smoother, , in chrome choppier. i'm curious why happening , steps can take out experience users.
i'm using .otf font:
helveticaneueltpro-ltcn.otf
and using following css rules apply custom font:
@font-face { font-family: "helvetica neue ltpro"; src: url("/public/assets/fonts/helveticaneueltpro-ltcn.otf"); } { color: #665548; display: block; font-family: "helvetica neue ltpro"; font-size: 15px; padding: 17px; }
what recommend use out font differences? or better yet, what's practice way use "web safe" fonts? such thing exist?
unfortunately can't take font, convert , have work in browsers. i'd love if can't.
your best bet getting results use font delivery service such typekit or fontdeck provide fonts have been designed delivery across browsers , have better chance of rendering consistently. you're still small variations across browsers , operating systems though, that's nature of web.
but in answer question specifically, there no settings or workarounds make font appear consistently. it's worth think both fine.
Comments
Post a Comment