Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / font-family-parse-keyword.html
blobbc763d1507abbb55fe6c258c9a6adfdea48bc496
1 <!DOCTYPE html>
2 <style>
3 @font-face {
4 font-family: webkit-ahem;
5 src: url(../../resources/Ahem.ttf) format(truetype);
7 @font-face {
8 font-family: default foo;
9 src: url(../../resources/Ahem.ttf) format(truetype);
11 @font-face {
12 font-family: bar default;
13 src: url(../../resources/Ahem.ttf) format(truetype);
15 </style>
16 <body>
17 <p>
18 http://crbug.com/226632 - CSSParser::parseFontFamily should allow
19 the keyword "default" as part of a font name.
20 http://crbug.com/389148 - Invalid declaration "font-family: Times,
21 inherit" is treated as valid.
22 </p>
23 <p>
24 The next 11 lines should use the default font (same as this line):<br>
25 Test 1<br>
26 <span style="font-family: default">Test 2</span><br>
27 <span style="font-family: default, invalid">Test 3</span><br>
28 <span style="font-family: invalid, default">Test 4</span><br>
29 <span style="font-family: default, arial">Test 5</span><br>
30 <span style="font-family: arial, default">Test 6</span><br>
31 <span style="font-family: invalid, default, arial">Test 7</span><br>
32 <span style="font-family: arial, inherit">Test 8</span><br>
33 <span style="font-family: arial, initial">Test 9</span><br>
34 <span style="font-family: arial, unset">Test 10</span>
35 </p>
36 <p>
37 The next 3 lines should use the font Arial:<br>
38 <span style="font-family: arial">Test 1</span><br>
39 <span style="font-family: default foobar, arial">Test 2</span><br>
40 <span style="font-family: arial, default foobar">Test 3</span>
41 </p>
42 <p>
43 The next 9 lines should use the font Ahem (black boxes):<br>
44 <span style="font-family: webkit-ahem">Test 1</span><br>
45 <span style="font-family: default foo">Test 2</span><br>
46 <span style="font-family: default foo, invalid">Test 3</span><br>
47 <span style="font-family: invalid, default foo">Test 4</span><br>
48 <span style="font-family: invalid, default foo, foobar">Test 5</span><br>
49 <span style="font-family: bar default">Test 6</span><br>
50 <span style="font-family: bar default, invalid">Test 7</span><br>
51 <span style="font-family: invalid, bar default">Test 8</span><br>
52 <span style="font-family: invalid, bar default, foobar">Test 9</span>
53 </p>
54 </body>
55 </html>