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-synthesis-08.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8"/>
<title>CSS Test: font-synthesis style and weight</title>
<link rel="match" href="font-synthesis-08-ref.html">
<meta name="assert" content="If ‘weight’/'style' is not specified for
font-synthesis property, user agents must not synthesize bold/italic faces">
<style>
@font-face {
font-family: "lato";
src: url(support/fonts/Lato-Medium.ttf);
}
.test {
font-family: "lato";
font-size: 3em;
font-style: italic;
font-weight: bold;
}
.auto {
font-synthesis: weight style;
}
.none {
font-synthesis: none;
}
.weight {
font-synthesis: weight;
}
.style {
font-synthesis: style;
}
</style>
<!-- If a previous font-synthesis property and value was encountered by the
style engine, make sure that this newer value is correctly updated and not
confused with an earlier value due to incorrect caching. Appearance of the
4 section needs to differ in weight and style respectively. -->
<section class="test">
<p class="auto">Filler text</p>
<p class="none">Filler text</p>
<p class="weight">Filler text</p>
<p class="style">Filler text</p>
</section>