servo/tests/wpt/web-platform-tests/css/css-fonts/font-variant-02.html

41 lines
No EOL
1.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font-variant: none; low level equivalence</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-prop">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">
<link rel="match" href="font-variant-02-ref.html">
<meta name="assert" content="The none value sets font-variant-ligatures to none and resets all other font feature properties to their initial value">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.test {
font-family: fwf;
font-size: 2.4em;
line-height: 1.1;
color: purple;
}
.inner {
font-variant: none;
}
.outer {
font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual;
font-variant-numeric: oldstyle-nums;
font-variant-caps: small-caps;
font-variant-east-asian: jis90;
}
.child {
color: green;
}
</style>
<body>
<p>Test passes if the two lines below are identical, with (in purple) eight check marks (✓),
and then (in green) eight crosses (✗). </p>
<section class="test">
<p class="outer">CDGFEJQa<span class="inner child">CDGFEJQa</span></p>
<p class="ref">AAAAAAAA<span class="child">BBBBBBBB</span></p>
</section>