diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-fonts/font-size-adjust-metrics-override.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-fonts/font-size-adjust-metrics-override.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-fonts/font-size-adjust-metrics-override.html b/testing/web-platform/tests/css/css-fonts/font-size-adjust-metrics-override.html new file mode 100644 index 0000000000..b7787b9307 --- /dev/null +++ b/testing/web-platform/tests/css/css-fonts/font-size-adjust-metrics-override.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel="author" href="mailto:changseok@webkit.org"> +<link rel="match" href="font-size-adjust-metrics-override-ref.html"> +<link rel="help" href="https://www.w3.org/TR/css-fonts-5/#font-size-adjust-prop"> +<meta name="assert" content="Tests the simultaneous use of font-size-adjust and metrics override descriptors of @font-face"> +<title>Tests if font metric overrides reflect the adjustment of font-size-adjust.</title> +<style> +@font-face { + font-family: Ahem; + src: local(Ahem), url(/fonts/Ahem.ttf); + /* The default ascent and descent are 80% and 20%, respectively. */ + ascent-override: 100%; + descent-override: 50%; +} + +.size-adjusted { + font: 20px Ahem; + /* Scale up 200% since the Ahem font has an aspect ratio of 0.8 of x-height + to size. */ + font-size-adjust: 1.6; + color: green; + position: absolute; + top: 10px; + left: 10px; +} + +.overridden-ascent-ref { + display: inline-block; + background-color: green; + vertical-align: top; + width: 1em; + height: 1em; /* Scale a reference block to match the overridden ascent of 100%. */ +} + +.overridden-descent-ref { + display: inline-block; + background-color: green; + vertical-align: bottom; + width: 1em; + height: 0.5em; /* Scale a reference block to match the overridden descen of 50%. */ +} + +</style> +<!-- +The three green rectangles below show ascent, character, and descent sizes +from the left. The ascent and descent are overridden by 100% and 50% of the +specified font size, respectively. The test applies font-size-adjust and font +metric overrides simultaneously to text. As we double the text size with +font-size-adjust, the ascent and descent override should scale accordingly +to double their size. +--> +<div class="size-adjusted"> + <span class="overridden-ascent-ref"></span>X<span class="overridden-descent-ref"></span> +</div> |