font-family-invalid-characters-001

Invalid characters in font-family values

WeasyPrint

This browser

Flags
ahem, invalid
Assertion
Invalid characters in font family names invalidate entire declaration.

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: Invalid characters in font-family values</title>
  5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
  6         <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/">
  7         <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
  8         <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
  9         <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors">
 10         <meta name="flags" content="ahem invalid">
 11         <meta name="assert" content="Invalid characters in font family names invalidate entire declaration.">
 12         <style type="text/css">
 13             
 14             #div1
 15             {
 16                 font-family: test!foo, Ahem;
 17             }
 18             #div2
 19             {
 20                 font-family: test@foo, Ahem;
 21             }
 22             #div3
 23             {
 24                 font-family: test#foo, Ahem;
 25             }
 26             #div4
 27             {
 28                 font-family: test$foo, Ahem;
 29             }
 30             #div5
 31             {
 32                 font-family: test%foo, Ahem;
 33             }
 34             #div6
 35             {
 36                 font-family: test^foo, Ahem;
 37             }
 38             #div7
 39             {
 40                 font-family: test&foo, Ahem;
 41             }
 42             #div8
 43             {
 44                 font-family: test*foo, Ahem;
 45             }
 46             #div9
 47             {
 48                 font-family: test=foo, Ahem;
 49             }
 50             #div10
 51             {
 52                 font-family: test+foo, Ahem;
 53             }
 54             #div11
 55             {
 56                 font-family: test|foo, Ahem;
 57             }
 58             #div12
 59             {
 60                 font-family: test;foo, Ahem;
 61             }
 62             #div13
 63             {
 64                 font-family: test:foo, Ahem;
 65             }
 66             #div14
 67             {
 68                 font-family: test.foo, Ahem;
 69             }
 70             #div15
 71             {
 72                 font-family: test/foo, Ahem;
 73             }
 74             #div16
 75             {
 76                 font-family: test?foo, Ahem;
 77             }
 78             #div17
 79             {
 80                 font-family: test`foo, Ahem;
 81             }
 82             #div18
 83             {
 84                 font-family: test~foo, Ahem;
 85             }
 86             #div19
 87             {
 88                 font-family: 1996, Ahem;
 89             }
 90             
 91         </style>
 92     </head>
 93     <body>
 94         <p>Test passes if there are only numbers (1-19) below.</p>
 95         <div id="div1">1</div>
 96         <div id="div2">2</div>
 97         <div id="div3">3</div>
 98         <div id="div4">4</div>
 99         <div id="div5">5</div>
100         <div id="div6">6</div>
101         <div id="div7">7</div>
102         <div id="div8">8</div>
103         <div id="div9">9</div>
104         <div id="div10">10</div>
105         <div id="div11">11</div>
106         <div id="div12">12</div>
107         <div id="div13">13</div>
108         <div id="div14">14</div>
109         <div id="div15">15</div>
110         <div id="div16">16</div>
111         <div id="div17">17</div>
112         <div id="div18">18</div>
113         <div id="div19">19</div>
114     </body>
115 </html>