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 >
