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-05-15 07:55:23 -07:00
src: local(Helvetica Neue), local(Bitstream Vera Sans), local(Bitstream Vera Sans Roman), local(Free Sans), local(SwissA), local(DejaVu 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;
2010-05-15 07:55:23 -07:00
src: local(Helvetica Neue Bold), local(Bitstream Vera Sans Bold), local(Free Sans Bold), local(SwissA Bold), local(DejaVu Sans Bold), local(Arial Bold);
2009-02-11 20:11:52 -08:00
}
@font-face {
font-family: test-italic;
2010-05-15 07:55:23 -07:00
src: local(Helvetica Neue Italic), local(Bitstream Vera Sans Oblique), local(Free Sans Oblique), local(SwissA Italic), local(DejaVu 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 >
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 >