diff --git a/css/css-fonts/matching/fixed-stretch-style-over-weight-ref.html b/css/css-fonts/matching/fixed-stretch-style-over-weight-ref.html
index ccbd4efaee5458..16826307c8335c 100644
--- a/css/css-fonts/matching/fixed-stretch-style-over-weight-ref.html
+++ b/css/css-fonts/matching/fixed-stretch-style-over-weight-ref.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+<meta charset="utf-8">
 <style>
     @font-face {
     font-family: variable_axes;
diff --git a/css/css-fonts/matching/fixed-stretch-style-over-weight.html b/css/css-fonts/matching/fixed-stretch-style-over-weight.html
index 8b177618a7cfea..c2b27be120608c 100644
--- a/css/css-fonts/matching/fixed-stretch-style-over-weight.html
+++ b/css/css-fonts/matching/fixed-stretch-style-over-weight.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+<meta charset="utf-8">
 <link rel="stylesheet" href="font-matching.css">
 <!-- Tests CSS Fonts Level 4, section 5.2. font matching algorithm. Precedence
   of properties (stretch over style, style over weight) and style over weight
diff --git a/css/css-fonts/matching/font-matching.css b/css/css-fonts/matching/font-matching.css
index 19825008757baf..ebbef02f628baa 100644
--- a/css/css-fonts/matching/font-matching.css
+++ b/css/css-fonts/matching/font-matching.css
@@ -1,6 +1,7 @@
 body {
     font-family: variable_axes, sans-serif;
     font-size: 80px;
+    font-synthesis: none;
 }
 
 #stretch_style_weight_1 {
diff --git a/css/css-fonts/matching/resources/variabletest_matching.ttf b/css/css-fonts/matching/resources/variabletest_matching.ttf
index 7a09643083b14d..89ed12a2c03531 100644
Binary files a/css/css-fonts/matching/resources/variabletest_matching.ttf and b/css/css-fonts/matching/resources/variabletest_matching.ttf differ
diff --git a/css/css-fonts/matching/stretch-distance-over-weight-distance-ref.html b/css/css-fonts/matching/stretch-distance-over-weight-distance-ref.html
index 3e6edda0da8e9c..7589a15f12cfea 100644
--- a/css/css-fonts/matching/stretch-distance-over-weight-distance-ref.html
+++ b/css/css-fonts/matching/stretch-distance-over-weight-distance-ref.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+<meta charset="utf-8">
 <style>
     @font-face {
     font-family: variable_axes;
diff --git a/css/css-fonts/matching/stretch-distance-over-weight-distance.html b/css/css-fonts/matching/stretch-distance-over-weight-distance.html
index 770efa99baede7..e899c8b4d0df86 100644
--- a/css/css-fonts/matching/stretch-distance-over-weight-distance.html
+++ b/css/css-fonts/matching/stretch-distance-over-weight-distance.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+<meta charset="utf-8">
 <link rel="stylesheet" href="font-matching.css">
 <!-- Tests CSS Fonts Level 4, section 5.2. font matching algorithm. Precedence
   of properties (stretch over style, style over weight) and distance of stretch  . -->
diff --git a/css/css-fonts/matching/style-ranges-over-weight-direction-ref.html b/css/css-fonts/matching/style-ranges-over-weight-direction-ref.html
index d1b235c77f11f0..5a7c13959abb65 100644
--- a/css/css-fonts/matching/style-ranges-over-weight-direction-ref.html
+++ b/css/css-fonts/matching/style-ranges-over-weight-direction-ref.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+<meta charset="utf-8">
 <style>
     @font-face {
     font-family: variable_axes;
diff --git a/css/css-fonts/matching/style-ranges-over-weight-direction.html b/css/css-fonts/matching/style-ranges-over-weight-direction.html
index 5cb21495ac523e..f263a11127717e 100644
--- a/css/css-fonts/matching/style-ranges-over-weight-direction.html
+++ b/css/css-fonts/matching/style-ranges-over-weight-direction.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+<meta charset="utf-8">
 <link rel="stylesheet" href="font-matching.css">
 <!-- Tests CSS Fonts Level 4, section 5.2. font matching algorithm. Precedence
   of properties (stretch over style, style over weight) and search
