<!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; src: local("Helvetica Neue"), local("Bitstream Vera Sans"), local("Bitstream Vera Sans Roman"), local("DejaVu Sans"), local("FreeSans"), local("Free Sans"), local("SwissA"), local("Arial"); } /* use Helvetica on the Mac, since Futura has no bold face on 10.4, 10.5 */ @font-face { font-family: test-bold; src: local("Helvetica Neue Bold"), local("Bitstream Vera Sans Bold"), local("DejaVu Sans Bold"), local("FreeSans Bold"), local("Free Sans Bold"), local("SwissA Bold"), local("Arial Bold"); } @font-face { font-family: test-italic; src: local("Helvetica Neue Italic"), local("Bitstream Vera Sans Oblique"), local("DejaVu Sans Oblique"), local("FreeSans Oblique"), local("Free Sans Oblique"), local("SwissA Italic"), local("Arial Italic"); } .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>