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/test-synthetic-italic-4.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>CSS Fonts: font-style: italic; with italic font face without explicit font style</title>
<meta charset="utf-8" />
<link rel="author" title="Max Ihlenfeldt" href="mailto:max@igalia.com" />
<link rel="mismatch" href="test-synthetic-italic-4-notref.html">
<meta name="assert" content="Italic text in an italic font face that was declared without an explicit font style is synthetically italicized.">
<style type="text/css">
@font-face {
font-family: "csstest-italic";
src: local("CSSTest Basic Italic");
}
div { font-size: 36px; }
span#verify { font-family: "CSSTest Verify"; }
div#test1 {
font-family: "csstest-italic";
}
div#test2 {
font-family: "csstest-italic";
font-style: italic;
}
</style>
</head>
<body>
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
<p>Test passes if the second line is more italic than the first:</p>
<div id="test1">Filler text</div>
<div id="test2">Filler text</div>
</body>
</html>