Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-fonts/font-family-src-quoted.html - WPT Dashboard Interop Dashboard
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8>
<link rel="author" title="Myles C. Maxfield" href="mailto:mmaxfield@apple.com">
<meta name="assert" content="Tests that local() and url() in serialization of @font-face blocks are quoted"/>
<script type="text/javascript" src="/resources/testharness.js"></script>
<script type="text/javascript" src="/resources/testharnessreport.js"></script>
<style id="style">
/* 0 */
@font-face {
font-family: "A";
src: local("B");
}
/* 1 */
@font-face {
font-family: "C";
src: url("D") format("opentype");
}
/* 2 */
@font-face {
font-family: "E";
src: url("F") format("opentype");
}
/* 3 */
@font-face {
font-family: "M";
src: url("N\"O") format("opentype");
}
/* 4 */
@font-face {
font-family: "P";
src: url("Q\A R") format("opentype");
}
/* 5 */
@font-face {
font-family: "S";
src: url("T\\U") format("opentype");
}
/* 6 */
@font-face {
font-family: "V";
src: local("W\"X");
}
/* 7 */
@font-face {
font-family: "Y";
src: local("Z\A A");
}
/* 8 */
@font-face {
font-family: "B";
src: local("C\\D");
}
</style>
</head>
<body>
<script>
test(function(t) {
let rules = document.getElementById("style").sheet.cssRules;
assert_not_equals(rules[0].cssText.indexOf('local("B")'), -1);
assert_not_equals(rules[1].cssText.indexOf('opentype'), -1);
assert_not_equals(rules[2].cssText.indexOf('F")'), -1);
assert_not_equals(rules[3].cssText.indexOf('url(\"N\\\"O\")'), -1);
assert_not_equals(rules[4].cssText.indexOf('url(\"Q\\a R\")'), -1);
assert_not_equals(rules[5].cssText.indexOf('url(\"T\\\\U\")'), -1);
assert_not_equals(rules[6].cssText.indexOf('local(\"W\\\"X\")'), -1);
assert_not_equals(rules[7].cssText.indexOf('local(\"Z\\a A\")'), -1);
assert_not_equals(rules[8].cssText.indexOf('local(\"C\\\\D\")'), -1);
});
</script>
</body>
</html>