font-face

by Stephane de Luca

HTML

<script src="http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJOIZjBOZTlKjZ_cZ9c4ZOjr7w4p9aSvGirXi6XmeXNA.ttf"></script>
<p style="font-family: 'Open Sans Condensed Light'; font-size: 18pt;">This paragraph uses the font-face 
   rule defined in the above style element. </p>

CSS

@font-face {
	font-family: 'Open Sans Condensed Light';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Condensed Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJOIZjBOZTlKjZ_cZ9c4ZOjr7w4p9aSvGirXi6XmeXNA.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Condensed Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xE9w-4PuwBnq8SdYBLPifYvr7w4p9aSvGirXi6XmeXNA.ttf) format('truetype');
}