123 lines
2.7 KiB
HTML
123 lines
2.7 KiB
HTML
<!-- Valid src descriptor rules. -->
|
|
<style>
|
|
@font-face {
|
|
src: url(font.ttf);
|
|
}
|
|
@font-face {
|
|
src: url(http://foo/bar/font.ttf);
|
|
}
|
|
@font-face {
|
|
src: url(font.svg#id);
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf) format("truetype");
|
|
}
|
|
@font-face {
|
|
src: url(font.woff) format("woff"), local(font2);
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf) format("truetype"), url(font2.ttf);
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf), url(font2.ttf) format("truetype");
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf), local(font2), url(font3.otf) format("opentype"), local(foo bar);
|
|
}
|
|
@font-face {
|
|
src: local(foo);
|
|
}
|
|
@font-face {
|
|
src: local(font), local(foo bar);
|
|
}
|
|
@font-face {
|
|
src: local("foo");
|
|
}
|
|
@font-face {
|
|
src: local("foo bar");
|
|
}
|
|
</style>
|
|
|
|
<!-- Invalid src descriptor rules. -->
|
|
<style>
|
|
@font-face {
|
|
src: url(font.ttf invalid);
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf),;
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf), local(font2),;
|
|
}
|
|
@font-face {
|
|
src: ,local(font);
|
|
}
|
|
@font-face {
|
|
src: url(font.ttf), invalid();
|
|
}
|
|
@font-face {
|
|
src: url(foo.ttf) invalid;
|
|
}
|
|
|
|
@font-face {
|
|
src: url(foo.ttf), invalid;
|
|
}
|
|
@font-face {
|
|
src: url(foo.ttf) "invalid";
|
|
}
|
|
</style>
|
|
<p>Test parsing the src descriptor of @font-face.</p>
|
|
|
|
<p>Valid rules form the stylesheet:</p>
|
|
<div id="validResult"></div>
|
|
|
|
<p>Expected result for valid rules:</p>
|
|
<pre id="validExpected">@font-face { src: url(font.ttf); }
|
|
@font-face { src: url(http://foo/bar/font.ttf); }
|
|
@font-face { src: url(font.svg#id); }
|
|
@font-face { src: url(font.ttf) format(truetype); }
|
|
@font-face { src: url(font.woff) format(woff), local(font2); }
|
|
@font-face { src: url(font2.ttf); }
|
|
@font-face { src: url(font2.ttf) format(truetype); }
|
|
@font-face { src: url(font3.otf) format(opentype), local(foo bar); }
|
|
@font-face { src: local(foo); }
|
|
@font-face { src: local(font), local(foo bar); }
|
|
@font-face { src: local(foo); }
|
|
@font-face { src: local(foo bar); }
|
|
</pre>
|
|
|
|
<p>Invalid rules form the stylesheet:</p>
|
|
<pre id="invalidResult"></pre>
|
|
|
|
<p>Expected result for invalid rules:</p>
|
|
<pre id="invalidExpected">@font-face { }
|
|
@font-face { }
|
|
@font-face { }
|
|
@font-face { }
|
|
@font-face { }
|
|
@font-face { }
|
|
@font-face { }
|
|
@font-face { }
|
|
</pre>
|
|
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
var validRules = document.styleSheets[0].cssRules;
|
|
var result = '';
|
|
for (var i = 0; i < validRules.length; ++i) {
|
|
var itemText = validRules.item(i).cssText.replace(/file:.*LayoutTests\/fast\/css\//, '');
|
|
result += itemText + '\n';
|
|
}
|
|
document.getElementById('validResult').innerText = result;
|
|
|
|
var invalidRules = document.styleSheets[1].cssRules;
|
|
result = '';
|
|
for (var i = 0; i < invalidRules.length; ++i) {
|
|
var itemText = invalidRules.item(i).cssText;
|
|
result += itemText + '\n';
|
|
}
|
|
document.getElementById('invalidResult').innerText = result;
|
|
</script>
|