html - Thin font not showing correctly on windows -


i trying use "helveticaneueltstd25ultralight" on website. on osx, looks perfect in every browser. on windows, it's horrible:

chrome: chrome

ie: enter image description here

i using following css (if matters):

    @font-face {     font-family: 'helveticaneueltstd25ultralight';     src: url('../fonts/helveticaneueltstd25ultralight.ttf'); }   body{font-family:'helveticaneueltstd25ultralight'; font-weight:normal;}  /*** ie font ***/ @font-face {font-family: 'helveticaneueltstd25ultralight';     src: url('../fonts/helveticaneueltstd25ultralight.eot');     src: url('../fonts/helveticaneueltstd25ultralight.eot') format('embedded-opentype'),          url('../fonts/helveticaneueltstd25ultralight.woff') format('woff'),          url('../fonts/helveticaneueltstd25ultralight.ttf') format('truetype'),          url('../fonts/helveticaneueltstd25ultralight.svg#helveticaneueltstd25ultralight') format('svg');     font-weight: normal;     font-style: normal;}

can explain why is? can it? if must use font, fonts safe use?

windows has crappier font rendering in browsers osx or ios does. can fix picking specific font sizes @ browser antialiasing doesn't awful. there text-rendering: optimizelegibility css property in experience more harm good.

pick different font more optimized web display. google web fonts place start. have lots of great modern fonts optimized used webfonts, , on top of provide css etc - need <link> external cdn css file in <head> , bam you're go. "lato" , "raleway" fonts use in place of helvetica neue sometimes.

also, it's almost certainly illegal embed font anyway since helvetica neue lt std commercial font, so...


Comments

Post a Comment