font-family-rule-013

Font name same as keyword 'sans-serif'

WeasyPrint

This browser

Flags
font
Assertion
Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Font name same as keyword 'sans-serif'</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
 7         <meta name="flags" content="font">
 8         <meta name="assert" content="Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.">
 9         <style type="text/css">
10             #test1
11             {
12                 font-family: "sans-serif";
13             }
14             #test2
15             {
16                 font-family: sans-serif;
17             }
18         </style>
19     </head>
20     <body>
21         <p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_sans-serif.ttf">sans-serif</a>' font installed.</p>
22         <p>Post Test: Remove test font after running the test.</p>
23         <p>Test passes if there is a box above the letter "X" below.</p>
24         <div id="test1">X</div>
25         <div id="test2">X</div>
26     </body>
27 </html>