2009-02-11 20:11:52 -08:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>src local with full names</title>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
2010-03-01 14:20:52 -08:00
|
|
|
|
2009-02-11 20:11:52 -08:00
|
|
|
<style type="text/css">
|
|
|
|
|
|
|
|
body {
|
|
|
|
margin: 50px;
|
|
|
|
font-size: 24pt;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* use full names */
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: test-regular;
|
2010-03-01 14:20:52 -08:00
|
|
|
src: local("Helvetica Neue"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("Free Sans"), local("Arial"), local("SwissA");
|
2009-02-11 20:11:52 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
/* use Helvetica on the Mac, since Futura has no bold face on 10.4, 10.5 */
|
|
|
|
@font-face {
|
|
|
|
font-family: test-bold;
|
2010-03-01 14:20:52 -08:00
|
|
|
src: local("Helvetica Neue Bold"), local("Bitstream Vera Sans Bold"), local("Free Sans Bold"), local("Arial Bold"), local("SwissA Bold");
|
2009-02-11 20:11:52 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: test-italic;
|
2010-03-01 14:20:52 -08:00
|
|
|
src: local("Helvetica Neue Italic"), local("Bitstream Vera Sans Oblique"), local("Free Sans Oblique"), local("Arial Italic"), local("SwissA Italic");
|
2009-02-11 20:11:52 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
.regular { font-family: test-regular, serif; }
|
|
|
|
.bold { font-family: test-bold, serif; }
|
|
|
|
.italic { font-family: test-italic, serif; }
|
|
|
|
|
|
|
|
</style>
|
2010-03-01 14:20:52 -08:00
|
|
|
|
2009-02-11 20:11:52 -08:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
</script>
|
2010-03-01 14:20:52 -08:00
|
|
|
|
2009-02-11 20:11:52 -08:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<p class="regular">This should be a sans-serif face</p>
|
|
|
|
|
|
|
|
<p class="bold">This should be a bold sans-serif face</p>
|
|
|
|
|
|
|
|
<p class="italic">This should be an italic sans-serif face</p>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|