Advanced Search

The New Bulletproof @Font-Face Syntax

/ Published in: CSS
Save to your folder(s)
We've tested on:

Safari 5.03, IE 6-9, Firefox 3.6-4, Chrome 8, iOS 3.2-4.2, Android 2.2-2.3, Opera 11

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. @font-face {
  2. 	font-family: 'MyFontFamily';
  3. 	src: url('myfont-webfont.eot#') format('eot'), 
  4. 	     url('myfont-webfont.woff') format('woff'), 
  5. 	     url('myfont-webfont.ttf')  format('truetype'),
  6. 	     url('myfont-webfont.svg#svgFontName') format('svg');
  7. 	}

URL: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.