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" />
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
margin: 50px;
|
|
|
|
|
font-size: 24pt;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* use full names */
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: test-regular;
|
2009-12-14 02:35:46 -08:00
|
|
|
src: local(Helvetica Neue), local(Bitstream Vera Sans), local(Bitstream Vera Sans Roman), local(Free Sans), local(Arial);
|
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;
|
2009-12-14 02:35:46 -08:00
|
|
|
src: local(Helvetica Neue Bold), local(Bitstream Vera Sans Bold), local(Free Sans Bold), local(Arial Bold);
|
2009-02-11 20:11:52 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: test-italic;
|
2009-12-14 02:35:46 -08:00
|
|
|
src: local(Helvetica Neue Italic), local(Bitstream Vera Sans Oblique), local(Free Sans Oblique), local(Arial 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>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</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>
|
|
|
|
|
|
|
|
|
|
|
