| 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 |