I am using Open Sans and Open Sans Light fonts in my site. And below is a googleapis font link that I am rendering with Google fonts. I want to use Open Sans Light and Open Sans Font in some text. If I choose 300,400,600 without opening and use the font name in the class and add font-weight: 300 for the light and 400 for the regular 400, it does not work for iii and 8. It shows the big font of 7 or 7.
But using fonts works fine for other browsers related to font-style, I7 and 8 require help fixing it.
& lt; Link href = 'http: //fonts.googleapis.com/css? Family = open + suns: 300,400,600 'rel =' stylesheet 'type =' text / css' & gt;
With Google fonts you will not be able to resolve this problem.
The problem is that IE7 / 8 only understands
font-weight: 700 which it has to do with font-weight: bold
and
font-weight: 400 which interprets it as the equivalent of font-weight: normal .
One solution for this is the service of a different font file for IE 7/8, which includes the face weight of the desired font - Google Font Foes do not offer this kind of fallback - but with Typekit Very well solved, let's you use such crossbrowser font face rule:
font-family: "proxima-nova-n6", "proxima-nova" , Without-serif; Font-weight: 600; The first announcement provides a fallback for IE7 / 8 for the weight of 600 - "proxima-nova-n6" - 600.
If you want to solve it without paying for any service, you will have to create a different font width with different font width - upload them and upload a complete set of required formats to cover all browsers. Create Keeping in mind with licenses - Not all fonts are free to embed on the web.
Comments
Post a Comment