Using custom fonts with css font-face, different on different browsers -


let me give examples:

firefox 13:

enter image description here

chrome (latest):

enter image description here

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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -