summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html')
-rw-r--r--testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html b/testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html
new file mode 100644
index 0000000000..0e56e2d520
--- /dev/null
+++ b/testing/web-platform/tests/css/css-fonts/font-face-stretch-auto-variable-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8"/>
+<title>CSS Test: Support for font-stretch: auto in @font-face</title>
+<style>
+ @font-face {
+ font-family: "Roboto";
+ src: url('support/fonts/RobotoExtremo-VF.subset.ttf') format('truetype');
+ font-display: swap;
+ font-style: normal;
+ font-stretch: 75% 125%;
+ }
+ .stretch50 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 50;
+ }
+ .stretch75 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 75;
+ }
+ .stretch87 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 87.5;
+ }
+ .stretch100 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 100;
+ }
+ .stretch112 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 112.5;
+ }
+ .stretch125 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 125;
+ }
+ .stretch200 {
+ font-family: "Roboto";
+ font-size: 3em;
+ font-variation-settings: 'wdth' 200;
+ }
+</style>
+
+<p class="stretch50">text</p>
+<p class="stretch75">text</p>
+<p class="stretch87">text</p>
+<p class="stretch100">text</p>
+<p class="stretch112">text</p>
+<p class="stretch125">text</p>
+<p class="stretch200">text</p>