Add simple test for setting the sizeAdjust attribute via FontFace constructor.
Differential Revision: https://phabricator.services.mozilla.com/D110095
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1698495
gecko-commit: faf491f54f8e557a2bff7114756bab3da7fec04f
gecko-reviewers: emilio
diff --git a/css/css-font-loading/fontface-size-adjust-descriptor-ref.html b/css/css-font-loading/fontface-size-adjust-descriptor-ref.html
new file mode 100644
index 0000000..e752f41
--- /dev/null
+++ b/css/css-font-loading/fontface-size-adjust-descriptor-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Tests that the sizeAdjust attribute of FontFace works</title>
+<script>
+/* Load Ahem similarly to the testcase so that Gecko gives it the
+ same antialiasing treatment. */
+const ahem = new FontFace(
+ 'Ahem-normal',
+ 'local("Ahem"), url("/fonts/Ahem.ttf")');
+document.fonts.add(ahem);
+</script>
+<style>
+#target {
+ font-family: "Ahem-normal";
+ font-size: 40px;
+ letter-spacing: 10px;
+}
+span {
+ font-size: 50%;
+}
+</style>
+
+<p>The first and fourth characters should be double-sized:</p>
+<div id="target">
+ F<span>oo</span>B<span>ar</span>
+</div>
diff --git a/css/css-font-loading/fontface-size-adjust-descriptor.html b/css/css-font-loading/fontface-size-adjust-descriptor.html
new file mode 100644
index 0000000..40e7a7f
--- /dev/null
+++ b/css/css-font-loading/fontface-size-adjust-descriptor.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>Tests that the sizeAdjust attribute of FontFace works</title>
+<meta charset="utf-8">
+<link rel="author" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/css-font-loading/#fontface-interface">
+<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-size-adjust-desc">
+<link rel="match" href="fontface-size-adjust-descriptor-ref.html">
+<script>
+const ahem = new FontFace(
+ 'Ahem-normal',
+ 'local("Ahem"), url("/fonts/Ahem.ttf")');
+document.fonts.add(ahem);
+const large = new FontFace(
+ 'Ahem-large',
+ 'local("Ahem"), url("/fonts/Ahem.ttf")',
+ {sizeAdjust: "200%", unicodeRange: "U+20,U+41-5A"});
+document.fonts.add(large);
+</script>
+<style>
+#target {
+ font-family: "Ahem-large", "Ahem-normal";
+ font-size: 20px;
+ letter-spacing: 10px;
+}
+</style>
+
+<p>The first and fourth characters should be double-sized:</p>
+<div id="target">
+ FooBar
+</div>
diff --git a/lint.ignore b/lint.ignore
index 404f357..7b96df4 100644
--- a/lint.ignore
+++ b/lint.ignore
@@ -749,6 +749,8 @@
AHEM SYSTEM FONT: resource-timing/resources/iframe-reload-TAO.sub.html
AHEM SYSTEM FONT: html/canvas/element/drawing-text-to-the-canvas/2d.text.measure.fontBoundingBox.ahem.html
AHEM SYSTEM FONT: css/css-font-loading/fontface-override-descriptors.html
+AHEM SYSTEM FONT: css/css-font-loading/fontface-size-adjust-descriptor.html
+AHEM SYSTEM FONT: css/css-font-loading/fontface-size-adjust-descriptor-ref.html
AHEM SYSTEM FONT: css/css-fonts/ascent-descent-override.html
AHEM SYSTEM FONT: css/css-fonts/line-gap-override.html
