OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 | |
4 <head> | |
5 <meta charset="EUC-JP"> | |
6 <script> | |
7 | |
8 function test() | |
9 { | |
10 // [ fontName, expectation, isSystemFont ] | |
11 var FONT_AND_EXPECTATIONS = [ | |
12 [ null, "yen sign" ], | |
13 [ "MS PGothic", "yen sign" ], | |
14 [ "MS Gothic", "yen sign" ], | |
15 [ "MS PMincho", "yen sign" ], | |
16 [ "MS Mincho", "yen sign" ], | |
17 [ "Meiryo", "yen sign" ], | |
18 [ "£Í£Ó £Ð¥´¥·¥Ã¥¯", "yen sign" ], | |
19 [ "£Í£Ó ¥´¥·¥Ã¥¯", "yen sign" ], | |
20 [ "£Í£Ó £ÐÌÀÄ«", "yen sign" ], | |
21 [ "£Í£Ó ÌÀÄ«", "yen sign" ], | |
22 [ "¥á¥¤¥ê¥ª", "yen sign" ], | |
23 [ "Times", "backslash" ], | |
24 [ "foobar", "backslash" ], | |
25 [ "*INVALID FONT NAME*", "yen sign" ], | |
26 [ "serif", "yen sign" ], | |
27 [ "sans-serif", "yen sign" ], | |
28 [ "cursive", "yen sign" ], | |
29 [ "fantasy", "yen sign" ], | |
30 [ "monospace", "yen sign" ], | |
31 [ "-webkit-body", "backslash" ], | |
32 [ "caption", "yen sign", true ], | |
33 [ "icon", "yen sign", true ], | |
34 [ "menu", "yen sign", true ], | |
35 [ "message-box", "yen sign", true ], | |
36 [ "small-caption", "yen sign", true ], | |
37 [ "status-bar", "yen sign", true ], | |
38 [ "-webkit-mini-control", "yen sign", true ], | |
39 [ "-webkit-small-control", "yen sign", true ], | |
40 [ "-webkit-control", "yen sign", true ], | |
41 [ "MS Gothic, Times", "yen sign" ], | |
42 [ "Times, MS Gothic", "backslash" ], | |
43 [ "MS Gothic, foobar", "yen sign" ], | |
44 [ "foobar, MS Gothic", "backslash" ], | |
45 [ "serif, Times", "yen sign" ], | |
46 [ "Times, serif", "backslash" ], | |
47 [ "serif, serif", "yen sign" ], | |
48 [ "foobar, Times", "backslash" ], | |
49 [ "Times, foobar", "backslash" ] | |
50 ]; | |
51 | |
52 for (var i = 0; FONT_AND_EXPECTATIONS[i]; i++) { | |
53 var fontName = FONT_AND_EXPECTATIONS[i][0]; | |
54 var expectation = FONT_AND_EXPECTATIONS[i][1]; | |
55 var isSystemFont = FONT_AND_EXPECTATIONS[i][2]; | |
56 var parentElement = document.createElement("div"); | |
57 | |
58 var element = document.createElement("span"); | |
59 if (isSystemFont) | |
60 element.style.font = fontName; | |
61 else if (fontName) | |
62 element.style.font = "1em " + fontName; | |
63 | |
64 if (fontName) | |
65 text = 'Using font "' + fontName + '". '; | |
66 else | |
67 text = 'No font is specified. '; | |
68 text += 'expected: ' + expectation + ', actual: ' + '\\'; | |
69 element.innerHTML = text; | |
70 | |
71 // Check inheritance with font property. | |
72 childElement = document.createElement("span"); | |
73 childElement.style.font = "inherit"; | |
74 childElement.innerText = '\\'; | |
75 element.appendChild(childElement); | |
76 | |
77 // Check inheritance with font-family property. | |
78 var childElement = document.createElement("span"); | |
79 childElement.style.fontFamily = "inherit"; | |
80 childElement.innerText = '\\'; | |
81 element.appendChild(childElement); | |
82 | |
83 parentElement.appendChild(element); | |
84 | |
85 if (fontName && !isSystemFont) { | |
86 element = document.createElement("span"); | |
87 element.innerText = '\\'; | |
88 element.style.fontFamily = fontName; | |
89 parentElement.appendChild(element); | |
90 } | |
91 | |
92 document.body.appendChild(parentElement); | |
93 } | |
94 } | |
95 | |
96 </script> | |
97 </head> | |
98 | |
99 <body onload="test();"> | |
100 </body> | |
101 | |
102 </html> | |
OLD | NEW |