CODEWITHSUNDEEP
htmlcsscross-browser
user2791037
user2791037

Reputation:

Is any better way of using @font-face

with this code i can get the cross browser compatibility, but the problem is, here i need to add lots of file type of the same font, how to avoid that and still able to get the cross browser compatibility? 

@font-face {
    font-family: 'Name';
    src: url('location.eot');
    src: url('location.eot#iefix') format('embedded-opentype'),
         url('location.woff') format('woff'),
         url('location.ttf') format('truetype'),
         url('location.svg#Name') format('svg');
    font-weight: normal;
    font-style: normal;
}

Upvotes: 1

Views: 73

Answers (2)

Edward Ploy
Edward Ploy

Reputation: 395

Google font is a easiest and I think best way to use different fonts on a webpage. So I'll recommend Google Font unless you need something more extra like iconic font or any other unique fonts.

Upvotes: 0

Dejan.S
Dejan.S

Reputation: 19158

You cant really avoid it as the browsers has different support. If the issue is that you don't want to host them yourself Google Fonts has a wide range of good fonts that you can use for free. But if you have a font that is more unique then as stated you can't do it in any other way.

Upvotes: 1

Related Questions