From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Fri, 19 Apr 2024 02:47:55 +0200
Subject: Adding upstream version 124.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../reftests/text-svgglyphs/bug1320197-1-ref.html  |  19 ++
 layout/reftests/text-svgglyphs/bug1320197-1.html   |  21 ++
 layout/reftests/text-svgglyphs/clip-ref.html       |  21 ++
 layout/reftests/text-svgglyphs/clip.html           |  39 ++++
 layout/reftests/text-svgglyphs/reftest.list        |  36 +++
 layout/reftests/text-svgglyphs/resources/README    |  61 +++++
 .../resources/bug1320197-testFont2.ttf             | Bin 0 -> 1972 bytes
 .../text-svgglyphs/resources/glyphs-base.svg       |  13 ++
 .../text-svgglyphs/resources/glyphs-invalid.svg    |  40 ++++
 .../resources/glyphs-objectcolor.svg               |  24 ++
 .../resources/glyphs-objectopacity.svg             |  59 +++++
 .../resources/glyphs-objectstroke.svg              |  25 ++
 .../resources/glyphs-paintservers.svg              |  28 +++
 .../text-svgglyphs/resources/glyphs-transforms.svg |  67 ++++++
 .../reftests/text-svgglyphs/resources/nosvg.woff   | Bin 0 -> 68044 bytes
 .../reftests/text-svgglyphs/resources/rubbish.txt  |   1 +
 .../reftests/text-svgglyphs/resources/rubbish.woff | Bin 0 -> 68172 bytes
 .../text-svgglyphs/resources/svg-bitmap.ttf        | Bin 0 -> 2064 bytes
 .../text-svgglyphs/resources/svg-bitmap.ttx        | 253 +++++++++++++++++++++
 .../text-svgglyphs/resources/svg-glyph-extents.otf | Bin 0 -> 183892 bytes
 .../reftests/text-svgglyphs/resources/svg-gz.ttf   | Bin 0 -> 113804 bytes
 layout/reftests/text-svgglyphs/resources/svg.woff  | Bin 0 -> 70060 bytes
 .../text-svgglyphs/svg-glyph-basic-disabled.svg    |  27 +++
 .../text-svgglyphs/svg-glyph-basic-ref.svg         |   8 +
 layout/reftests/text-svgglyphs/svg-glyph-basic.svg |  25 ++
 .../text-svgglyphs/svg-glyph-cachedopacity-ref.svg |   6 +
 .../text-svgglyphs/svg-glyph-cachedopacity.svg     |  20 ++
 .../text-svgglyphs/svg-glyph-compressed-ref.html   |  13 ++
 .../text-svgglyphs/svg-glyph-compressed.html       |  13 ++
 .../text-svgglyphs/svg-glyph-direct-ref.svg        |  27 +++
 .../reftests/text-svgglyphs/svg-glyph-direct.svg   |  19 ++
 .../text-svgglyphs/svg-glyph-extents-ref.html      |  27 +++
 .../reftests/text-svgglyphs/svg-glyph-extents.html |  50 ++++
 .../reftests/text-svgglyphs/svg-glyph-html-ref.svg |  11 +
 layout/reftests/text-svgglyphs/svg-glyph-html.html |  12 +
 .../text-svgglyphs/svg-glyph-invalid-ids-ref.svg   |   6 +
 .../text-svgglyphs/svg-glyph-invalid-ids.svg       |  22 ++
 .../text-svgglyphs/svg-glyph-invalid-ref.html      |  18 ++
 .../reftests/text-svgglyphs/svg-glyph-invalid.html |  23 ++
 .../reftests/text-svgglyphs/svg-glyph-mask-ref.svg |  15 ++
 layout/reftests/text-svgglyphs/svg-glyph-mask.svg  |  12 +
 .../svg-glyph-objectfill-solid-ref.svg             |   4 +
 .../text-svgglyphs/svg-glyph-objectfill-solid.svg  |  27 +++
 .../svg-glyph-objectgradient-ref.svg               |  25 ++
 .../svg-glyph-objectgradient-zoom-ref.svg          |  25 ++
 .../svg-glyph-objectgradient-zoom.svg              |  35 +++
 .../text-svgglyphs/svg-glyph-objectgradient.svg    |  36 +++
 .../text-svgglyphs/svg-glyph-objectopacity-ref.svg |  30 +++
 .../text-svgglyphs/svg-glyph-objectopacity.svg     |  40 ++++
 .../svg-glyph-objectopacity2-ref.svg               |  30 +++
 .../text-svgglyphs/svg-glyph-objectopacity2.svg    |  39 ++++
 .../text-svgglyphs/svg-glyph-objectpattern-ref.svg |  25 ++
 .../text-svgglyphs/svg-glyph-objectpattern.svg     |  35 +++
 .../svg-glyph-objectstroke-solid-ref.svg           |   6 +
 .../svg-glyph-objectstroke-solid.svg               |  27 +++
 .../svg-glyph-objectvalue-150-ref.svg              |  13 ++
 .../text-svgglyphs/svg-glyph-objectvalue-150.svg   |  21 ++
 .../svg-glyph-objectvalue-75-ref.svg               |  13 ++
 .../text-svgglyphs/svg-glyph-objectvalue-75.svg    |  21 ++
 .../text-svgglyphs/svg-glyph-objectvalue-ref.svg   |  13 ++
 .../text-svgglyphs/svg-glyph-objectvalue.svg       |  21 ++
 .../text-svgglyphs/svg-glyph-paint-server-ref.svg  |  10 +
 .../text-svgglyphs/svg-glyph-paint-server.svg      |  21 ++
 .../text-svgglyphs/svg-glyph-paintnone-ref.svg     |  17 ++
 .../text-svgglyphs/svg-glyph-paintnone.svg         |  25 ++
 .../svg-glyph-positioning-disabled.svg             |  25 ++
 .../text-svgglyphs/svg-glyph-positioning-ref.svg   |  21 ++
 .../text-svgglyphs/svg-glyph-positioning.svg       |  23 ++
 .../text-svgglyphs/svg-glyph-transform-ref.svg     |  48 ++++
 .../text-svgglyphs/svg-glyph-transform.svg         |  48 ++++
 .../text-svgglyphs/svg-in-ot-bitmap-1-ref.html     |  30 +++
 .../text-svgglyphs/svg-in-ot-bitmap-1.html         |  33 +++
 72 files changed, 1848 insertions(+)
 create mode 100644 layout/reftests/text-svgglyphs/bug1320197-1-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/bug1320197-1.html
 create mode 100644 layout/reftests/text-svgglyphs/clip-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/clip.html
 create mode 100644 layout/reftests/text-svgglyphs/reftest.list
 create mode 100644 layout/reftests/text-svgglyphs/resources/README
 create mode 100644 layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-base.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg
 create mode 100644 layout/reftests/text-svgglyphs/resources/nosvg.woff
 create mode 100644 layout/reftests/text-svgglyphs/resources/rubbish.txt
 create mode 100644 layout/reftests/text-svgglyphs/resources/rubbish.woff
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg-gz.ttf
 create mode 100644 layout/reftests/text-svgglyphs/resources/svg.woff
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-basic.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-compressed.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-direct.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-extents.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-html.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-invalid.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-mask.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-positioning.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-glyph-transform.svg
 create mode 100644 layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html
 create mode 100644 layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html

(limited to 'layout/reftests/text-svgglyphs')

diff --git a/layout/reftests/text-svgglyphs/bug1320197-1-ref.html b/layout/reftests/text-svgglyphs/bug1320197-1-ref.html
new file mode 100644
index 0000000000..b6dd5db7f1
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/bug1320197-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url("resources/bug1320197-testFont2.ttf");
+}
+div {
+  font: 600px/1 test;
+  width: 1em;
+  height: 1em;
+  border: 10px solid silver;
+  position: absolute;
+}
+</style>
+
+<p>There should be no purple visible at any of the edges of the black square.</p>
+
+<div>&#xe001;</div>
diff --git a/layout/reftests/text-svgglyphs/bug1320197-1.html b/layout/reftests/text-svgglyphs/bug1320197-1.html
new file mode 100644
index 0000000000..d9fcd1cbf5
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/bug1320197-1.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<style>
+@font-face {
+  font-family: test;
+  src: url("resources/bug1320197-testFont2.ttf");
+}
+div {
+  font: 600px/1 test;
+  width: 1em;
+  height: 1em;
+  border: 10px solid silver;
+  position: absolute;
+}
+</style>
+
+<p>There should be no purple visible at any of the edges of the black square.</p>
+
+<div>&#xe000;</div>
+
+<div>&#xe001;</div>
diff --git a/layout/reftests/text-svgglyphs/clip-ref.html b/layout/reftests/text-svgglyphs/clip-ref.html
new file mode 100644
index 0000000000..c310bfb86c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/clip-ref.html
@@ -0,0 +1,21 @@
+<html>
+  <head>
+    <style type="text/css">
+      @font-face {
+        font-family : svgttf;
+        src : url(resources/svg.woff);
+      }
+      
+      body {
+        font-family : svgttf;
+        font-size : 200px;
+        color : palevioletred;
+      }
+    </style>
+  </head>
+  <body>
+    <div>
+O<br>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/clip.html b/layout/reftests/text-svgglyphs/clip.html
new file mode 100644
index 0000000000..4f91ff10c3
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/clip.html
@@ -0,0 +1,39 @@
+<html class="reftest-wait">
+  <!--
+        This test makes sure that the glyph extents are being extended to
+      the bounds of the SVG glyph by placing an SVG glyph in a div outside
+      the truetype extents but inside the SVG extents
+  -->
+  <head>
+    <style type="text/css">
+      @font-face {
+        font-family : svgttf;
+        src : url(resources/svg.woff);
+      }
+
+      body {
+        font-family : svgttf;
+        font-size : 200px;
+        color : palevioletred;
+      }
+
+      div {
+        width : 160px;
+        overflow : hidden;
+      }
+    </style>
+    <script type="text/javascript">
+      function expand() {
+        var div = document.getElementById("thediv");
+        div.style.width = "200px";
+        document.documentElement.removeAttribute("class");
+      }
+      window.addEventListener("MozReftestInvalidate", expand);
+    </script>
+  </head>
+  <body>
+    <div id="thediv">
+O<br>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/reftest.list b/layout/reftests/text-svgglyphs/reftest.list
new file mode 100644
index 0000000000..5f04549cec
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/reftest.list
@@ -0,0 +1,36 @@
+defaults pref(gfx.font_rendering.opentype_svg.enabled,true)
+
+pref(gfx.font_rendering.opentype_svg.enabled,false) != svg-glyph-basic-disabled.svg svg-glyph-basic-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-200) == svg-glyph-basic.svg svg-glyph-basic-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-invalid-ids.svg svg-glyph-invalid-ids-ref.svg
+pref(gfx.font_rendering.opentype_svg.enabled,false) != svg-glyph-positioning-disabled.svg svg-glyph-positioning-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-350) == svg-glyph-positioning.svg svg-glyph-positioning-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-html.html svg-glyph-html-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-direct.svg svg-glyph-direct-ref.svg
+== svg-glyph-invalid.html svg-glyph-invalid-ref.html
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectfill-solid.svg svg-glyph-objectfill-solid-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-objectstroke-solid.svg svg-glyph-objectstroke-solid-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-300) == svg-glyph-objectgradient.svg svg-glyph-objectgradient-ref.svg # see bug 871961#c5
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-250) == svg-glyph-objectgradient-zoom.svg svg-glyph-objectgradient-zoom-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-14,0-13000) == svg-glyph-objectpattern.svg svg-glyph-objectpattern-ref.svg
+skip-if(!Android&&isDebugBuild) == clip.html clip-ref.html
+
+skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-350) == svg-glyph-objectopacity.svg svg-glyph-objectopacity-ref.svg # see bug 871961#c5
+skip-if(!Android&&isDebugBuild) fuzzy(0-8,0-13000) == svg-glyph-objectopacity2.svg svg-glyph-objectopacity2-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-paintnone.svg svg-glyph-paintnone-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-cachedopacity.svg svg-glyph-cachedopacity-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue.svg svg-glyph-objectvalue-ref.svg
+skip-if(!Android&&isDebugBuild) fails-if(useDrawSnapshot) != svg-glyph-objectvalue.svg svg-glyph-objectvalue-75.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue-75.svg svg-glyph-objectvalue-75-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue-150.svg svg-glyph-objectvalue-150-ref.svg
+skip-if(!Android&&isDebugBuild) fuzzy(0-15,0-152) == svg-glyph-mask.svg svg-glyph-mask-ref.svg
+
+skip-if(!Android&&isDebugBuild) == svg-glyph-paint-server.svg svg-glyph-paint-server-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-transform.svg svg-glyph-transform-ref.svg
+skip-if(!Android&&isDebugBuild) == svg-glyph-extents.html svg-glyph-extents-ref.html
+skip-if(!Android&&isDebugBuild) == svg-glyph-compressed.html svg-glyph-compressed-ref.html
+
+skip-if(!Android&&isDebugBuild) fuzzy-if(cocoaWidget,0-1,0-33) == bug1320197-1.html bug1320197-1-ref.html
+skip-if(!Android&&isDebugBuild) fuzzy-if(winWidget,0-137,0-198) fuzzy-if(Android,0-81,0-96) == svg-in-ot-bitmap-1.html svg-in-ot-bitmap-1-ref.html
+
+defaults
diff --git a/layout/reftests/text-svgglyphs/resources/README b/layout/reftests/text-svgglyphs/resources/README
new file mode 100644
index 0000000000..852e5e4206
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/README
@@ -0,0 +1,61 @@
+.woff files for SVG-in-OpenType testing
+=======================================
+
+There are three .woff files in this directory:
+ * nosvg.woff
+ * svg.woff
+ * rubbish.woff
+
+nosvg.woff
+----------
+This font is FiraSansOT-Regular, with its metrics hacked so that its ascent
+is 1000 and descent is 0. Its unitsPerEm value is 1000.
+
+It contains no 'SVG ' table.
+
+svg.woff
+--------
+This font is the same as nosvg.woff above, but with the glyphs-*.svg SVG
+documents from this directory embedded in it using the tools described below.
+
+rubbish.woff
+------------
+This font is the same as nosvg.woff above, but with the addition of an 'SVG '
+table with the contents of rubbish.txt. Its purpose is to test that SVG tables
+without valid XML are ignored.
+
+Creating the Fonts
+------------------
+The tools used here are insertsvg.py from [1] and sfnt2woff from [2].
+
+svg.woff can be recreated with:
+
+woff2sfnt nosvg.woff > nosvg.ttf
+insertsvg.py nosvg.ttf svg.ttf glyphs-*.svg
+sfnt2woff svg.ttf
+
+[1] https://github.com/edf825/SVG-OpenType-Utils
+[2] http://people.mozilla.com/~jkew/woff/
+
+
+
+Additional test fonts:
+======================
+
+svg-glyph-extents.otf
+---------------------
+
+This is a copy of Fira Sans with a simple SVG table added using the tool from
+https://github.com/rocallahan/svg-opentype-workshop. The SVG table defines four
+glyphs, corresponding to 'A' through 'D':
+
+ <svg xmlns='http://www.w3.org/2000/svg'>
+   <rect id='glyph36' x='0' y='-1000' width='1000' height='1500' fill='red'/>
+   <rect id='glyph37' x='0' y='-1000' width='1000' height='1500' fill='green' transform='scale(2)'/>
+   <g id='glyph38'>
+     <rect x='0' y='-1000' width='1000' height='1500' fill='red'/>
+   </g>
+   <g id='glyph39'>
+     <rect x='0' y='-1000' width='1000' height='1500' fill='green' transform='scale(2)'/>
+   </g>
+ </svg>
diff --git a/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf b/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf
new file mode 100644
index 0000000000..8ef2e89edf
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf differ
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-base.svg b/layout/reftests/text-svgglyphs/resources/glyphs-base.svg
new file mode 100644
index 0000000000..51c32135c0
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-base.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Basic test SVG glyphs
+    Covers glyph ID 47
+-->
+  <!-- char = L -->
+  <g id="glyph47">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+      stroke="black" fill="red"/>
+    <rect x="100" y="-1000" width="100" height="100" stroke="none"
+      fill="turquoise" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg b/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg
new file mode 100644
index 0000000000..4740b4ff3b
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test handling of invalid ids
+-->
+  <!-- not valid: leading space not allowed -->
+  <g id="glyph 48">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: leading zero not allowed -->
+  <g id="glyph048">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: trailing garbage not allowed -->
+  <g id="glyph48xxx">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: trailing space not allowed -->
+  <g id="glyph48 ">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- not valid: floating point not allowed -->
+  <g id="glyph48.0">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+  <!-- char = M -->
+  <g id="glyph48">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="lime"/>
+  </g>
+  <!-- Ensure first glyph48 is picked -->
+  <g id="glyph48">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+          fill="red"/>
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg
new file mode 100644
index 0000000000..cf738d0cc1
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test SVG glyphs for text object pattern inheritance
+    Covers glyph ID range 49 (N) to 52 (Q)
+-->
+<!-- context-fill, no stroke -->
+  <!-- N -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    stroke="none" fill="context-fill" id="glyph49"/>
+
+  <!-- O -->
+  <rect x="50" y="-950" width="900" height="900" stroke-width="100"
+    fill="context-fill" stroke="none" id="glyph50"/>
+
+<!-- context-stroke -->
+  <!-- P -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    stroke="context-stroke" fill="burlywood" id="glyph51"/>
+
+<!-- both context-stroke and context-fill (but note swapped usage!) -->
+  <!-- Q -->
+  <rect x="50" y="-950" width="900" height="900" stroke-width="100"
+    fill="context-stroke" stroke="context-fill" id="glyph52"/>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
new file mode 100644
index 0000000000..7fc479e22b
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg
@@ -0,0 +1,59 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test SVG glyphs for text object opacity inheritance
+    Covers glyph ID range 53 (R) to 60 (Y)
+-->
+  <!-- R -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="context-fill" stroke="context-stroke"
+    fill-opacity="context-fill-opacity"
+    stroke-opacity="context-stroke-opacity" id="glyph53"/>
+
+  <!-- S -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="context-fill" stroke="context-stroke"
+    fill-opacity="context-stroke-opacity"
+    stroke-opacity="context-fill-opacity" id="glyph54"/>
+
+  <!-- T -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="context-stroke" stroke="context-fill"
+    fill-opacity="context-fill-opacity"
+    stroke-opacity="context-stroke-opacity" id="glyph55"/>
+
+  <!-- U -->
+  <!--  Test for bug where explicit `inherit' would fail for
+      *-opacity="objectStrokeOpacity" or "objectFillOpacity" -->
+  <g style="fill-opacity : context-stroke-opacity; stroke-opacity : context-fill-opacity">
+    <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+      fill="context-stroke" stroke="context-fill"
+      fill-opacity="inherit" stroke-opacity="inherit" id="glyph56"/>
+  </g>
+
+  <!-- W -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="darkorchid" stroke="goldenrod"
+    fill-opacity="context-fill-opacity"
+    stroke-opacity="context-stroke-opacity" id="glyph58"/>
+
+  <!-- X -->
+  <rect x="100" y="-900" width="800" height="800" stroke-width="50"
+    fill="darkorchid" stroke="goldenrod"
+    fill-opacity="context-stroke-opacity"
+    stroke-opacity="context-fill-opacity" id="glyph59"/>
+
+  <style type="text/css"><![CDATA[
+  #glyph60 {
+    fill-opacity : context-fill-opacity;
+    stroke-opacity : context-stroke-opacity;
+  }
+  #ychild {
+    color-interpolation : sRGB;
+  }
+  ]]></style>
+  <!-- Y -->
+  <g id="glyph60">
+    <rect x="100" y="-900" width="800" height="300" stroke="red" stroke-width="50"/>
+    <rect x="100" y="-400" width="800" height="300" stroke="red" stroke-width="50" id="ychild" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg
new file mode 100644
index 0000000000..44afb2f600
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    Test SVG glyphs for text object stroke value inheritance
+    Covers glyph ID range 68 (a) to 71 (d)
+-->
+  <!-- a -->
+  <rect x="100" y="-900" width="800" height="800" stroke="powderblue"
+    stroke-width="50" stroke-dashoffset="35"
+    stroke-dasharray="50 50" id="glyph68" />
+
+  <!-- b -->
+  <rect x="100" y="-900" width="800" height="800" stroke="chartreuse"
+    stroke-width="50" stroke-dashoffset="35"
+    stroke-dasharray="context-value" id="glyph69" />
+
+  <!-- c -->
+  <rect x="100" y="-900" width="800" height="800" stroke="sienna"
+    stroke-width="50" stroke-dasharray="50 50"
+    stroke-dashoffset="context-value" id="glyph70" />
+
+  <!-- d -->
+  <rect x="100" y="-900" width="800" height="800" stroke="olivedrab"
+    stroke-width="context-value" stroke-dasharray="context-value"
+    stroke-dashoffset="context-value" id="glyph71" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg b/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg
new file mode 100644
index 0000000000..7f5a95ac09
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<!--
+    SVG test glyphs for paint servers within SVG glyphs
+    e: tests that we can refer to paint servers within the SVG glyph doc
+      (i.e. fill="url(#grad)" works)
+    f: tests that stop-color="context-{fill,stroke}" uses the context fill/stroke
+      fallback color
+-->
+  <defs>
+    <linearGradient id="grad">
+      <stop offset="0%" stop-color="papayawhip" />
+      <stop offset="100%" stop-color="plum" />
+    </linearGradient>
+
+    <linearGradient id="grad2">
+      <stop offset="0%" stop-color="context-fill" />
+      <stop offset="100%" stop-color="context-stroke" />
+    </linearGradient>
+  </defs>
+
+  <!-- char 'e' -->
+  <rect id="glyph72" x="250" y="-750" width="500" height="500"
+    fill="url(#grad)" />
+
+  <!-- char 'f' -->
+  <rect id="glyph73" x="250" y="-750" width="500" height="500"
+    fill="url(#grad2)" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg b/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg
new file mode 100644
index 0000000000..ff3d9ffb76
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg
@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<!--
+    SVG test glyphs for transforms within SVG glyphs
+    'g': simple red square used as a reference
+    'h': a smaller square, with a transform that should make it match the 'g'
+    'i': similar, applying a transform to the referenced element
+    'j': has a large blue square that should be transformed such that it is
+         completely hidden by the red
+    'k': tests the accumulation of several transforms
+    'l': checks that a transform from outside the glyph element is NOT applied
+    'm', 'n', 'o', 'p': all render the same <rect> but only 'm' and 'n' should be
+         transformed; 'o' and 'p' should match 'q'
+    'q': the unscaled small square, reference for 'o' and 'p' above
+-->
+
+  <defs>
+    <!-- this rect will need to be scaled 5x to match the reference glyph 'g' -->
+    <rect id="small" x="50" y="-150" width="100" height="100" fill="red" />
+  </defs>
+
+  <!-- char 'g' -->
+  <rect id="glyph74" x="250" y="-750" width="500" height="500" fill="red" />
+
+  <!-- char 'h' -->
+  <rect id="glyph75" x="25" y="-75" width="50" height="50" transform="scale(10)" fill="red" />
+
+  <!-- char 'i' -->
+  <g id="glyph76">
+    <use xlink:href="#small" transform="scale(5)" />
+  </g>
+
+  <!-- char 'j' -->
+  <g id="glyph77">
+    <g transform="translate(300,-300) scale(0.4)">
+      <rect x="0" y="-1000" width="1000" height="1000" fill="blue" />
+    </g>
+    <g transform="scale(5)">
+      <use xlink:href="#small" />
+    </g>
+  </g>
+
+  <!-- char 'k' -->
+  <g id="glyph78" transform="scale(0.5)">
+    <g transform="scale(0.5)">
+      <use xlink:href="#small" transform="scale(20)" />
+    </g>
+  </g>
+
+  <!-- char 'l' -->
+  <g transform="scale(2)">
+    <g id="glyph79">
+      <use xlink:href="#small" transform="scale(5)" />
+    </g>
+  </g>
+
+  <g id="glyph80"> <!-- char 'm' -->
+    <g id="glyph81" transform="scale(5)"> <!-- char 'n' -->
+      <g id="glyph82"> <!-- char 'o' -->
+        <use id="glyph83" xlink:href="#small" /> <!-- char 'p' -->
+      </g>
+    </g>
+  </g>
+
+  <!-- char 'q' -->
+  <use id="glyph84" xlink:href="#small" />
+
+</svg>
diff --git a/layout/reftests/text-svgglyphs/resources/nosvg.woff b/layout/reftests/text-svgglyphs/resources/nosvg.woff
new file mode 100644
index 0000000000..ad53341871
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/nosvg.woff differ
diff --git a/layout/reftests/text-svgglyphs/resources/rubbish.txt b/layout/reftests/text-svgglyphs/resources/rubbish.txt
new file mode 100644
index 0000000000..1ad1631812
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/rubbish.txt
@@ -0,0 +1 @@
+This is the text contained in the rubbish.ttf 'SVG ' table. It is obviously not XML, and should thus be ignored.
diff --git a/layout/reftests/text-svgglyphs/resources/rubbish.woff b/layout/reftests/text-svgglyphs/resources/rubbish.woff
new file mode 100644
index 0000000000..3c83e02a30
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/rubbish.woff differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf
new file mode 100644
index 0000000000..cb0e3bd95d
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx
new file mode 100644
index 0000000000..cd3e9f4c5c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="4.16">
+
+  <GlyphOrder>
+    <!-- The 'id' attribute is only for humans; it is ignored when parsed. -->
+    <GlyphID id="0" name=".notdef"/>
+    <GlyphID id="1" name="uni0000"/>
+    <GlyphID id="2" name="uni000D"/>
+    <GlyphID id="3" name="space"/>
+    <GlyphID id="4" name="A"/>
+    <GlyphID id="5" name="B"/>
+    <GlyphID id="6" name="C"/>
+  </GlyphOrder>
+
+  <head>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="1.0"/>
+    <fontRevision value="1.0"/>
+    <checkSumAdjustment value="0xcbb705e8"/>
+    <magicNumber value="0x5f0f3cf5"/>
+    <flags value="00000000 00000011"/>
+    <unitsPerEm value="1000"/>
+    <created value="Tue Mar  1 20:28:26 2022"/>
+    <modified value="Tue Mar  1 20:28:26 2022"/>
+    <xMin value="0"/>
+    <yMin value="-250"/>
+    <xMax value="1000"/>
+    <yMax value="750"/>
+    <macStyle value="00000000 00000000"/>
+    <lowestRecPPEM value="3"/>
+    <fontDirectionHint value="2"/>
+    <indexToLocFormat value="0"/>
+    <glyphDataFormat value="0"/>
+  </head>
+
+  <hhea>
+    <tableVersion value="0x00010000"/>
+    <ascent value="750"/>
+    <descent value="-250"/>
+    <lineGap value="0"/>
+    <advanceWidthMax value="1000"/>
+    <minLeftSideBearing value="0"/>
+    <minRightSideBearing value="0"/>
+    <xMaxExtent value="1000"/>
+    <caretSlopeRise value="1"/>
+    <caretSlopeRun value="0"/>
+    <caretOffset value="0"/>
+    <reserved0 value="0"/>
+    <reserved1 value="0"/>
+    <reserved2 value="0"/>
+    <reserved3 value="0"/>
+    <metricDataFormat value="0"/>
+    <numberOfHMetrics value="4"/>
+  </hhea>
+
+  <maxp>
+    <!-- Most of this table will be recalculated by the compiler -->
+    <tableVersion value="0x10000"/>
+    <numGlyphs value="7"/>
+    <maxPoints value="2"/>
+    <maxContours value="2"/>
+    <maxCompositePoints value="0"/>
+    <maxCompositeContours value="0"/>
+    <maxZones value="2"/>
+    <maxTwilightPoints value="0"/>
+    <maxStorage value="0"/>
+    <maxFunctionDefs value="0"/>
+    <maxInstructionDefs value="0"/>
+    <maxStackElements value="512"/>
+    <maxSizeOfInstructions value="0"/>
+    <maxComponentElements value="0"/>
+    <maxComponentDepth value="0"/>
+  </maxp>
+
+  <OS_2>
+    <!-- The fields 'usFirstCharIndex' and 'usLastCharIndex'
+         will be recalculated by the compiler -->
+    <version value="4"/>
+    <xAvgCharWidth value="1000"/>
+    <usWeightClass value="400"/>
+    <usWidthClass value="5"/>
+    <fsType value="00000000 00000000"/>
+    <ySubscriptXSize value="650"/>
+    <ySubscriptYSize value="699"/>
+    <ySubscriptXOffset value="0"/>
+    <ySubscriptYOffset value="140"/>
+    <ySuperscriptXSize value="650"/>
+    <ySuperscriptYSize value="699"/>
+    <ySuperscriptXOffset value="0"/>
+    <ySuperscriptYOffset value="479"/>
+    <yStrikeoutSize value="49"/>
+    <yStrikeoutPosition value="258"/>
+    <sFamilyClass value="0"/>
+    <panose>
+      <bFamilyType value="0"/>
+      <bSerifStyle value="0"/>
+      <bWeight value="0"/>
+      <bProportion value="0"/>
+      <bContrast value="0"/>
+      <bStrokeVariation value="0"/>
+      <bArmStyle value="0"/>
+      <bLetterForm value="0"/>
+      <bMidline value="0"/>
+      <bXHeight value="0"/>
+    </panose>
+    <ulUnicodeRange1 value="00000000 00000000 00000000 00000111"/>
+    <ulUnicodeRange2 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/>
+    <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/>
+    <achVendID value="XXXX"/>
+    <fsSelection value="00000000 01000000"/>
+    <usFirstCharIndex value="0"/>
+    <usLastCharIndex value="67"/>
+    <sTypoAscender value="750"/>
+    <sTypoDescender value="-250"/>
+    <sTypoLineGap value="0"/>
+    <usWinAscent value="750"/>
+    <usWinDescent value="250"/>
+    <ulCodePageRange1 value="00000000 00000000 00000000 00000011"/>
+    <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/>
+    <sxHeight value="400"/>
+    <sCapHeight value="700"/>
+    <usDefaultChar value="32"/>
+    <usBreakChar value="32"/>
+    <usMaxContext value="0"/>
+  </OS_2>
+
+  <hmtx>
+    <mtx name=".notdef" width="1000" lsb="0"/>
+    <mtx name="A" width="1000" lsb="0"/>
+    <mtx name="B" width="1000" lsb="0"/>
+    <mtx name="C" width="1000" lsb="0"/>
+    <mtx name="space" width="1000" lsb="0"/>
+    <mtx name="uni0000" width="0" lsb="0"/>
+    <mtx name="uni000D" width="0" lsb="0"/>
+  </hmtx>
+
+  <cmap>
+    <tableVersion version="0"/>
+    <cmap_format_4 platformID="3" platEncID="1" language="0">
+      <map code="0x0" name="uni0000"/><!-- ???? -->
+      <map code="0xd" name="uni000D"/><!-- ???? -->
+      <map code="0x20" name="space"/><!-- SPACE -->
+      <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A -->
+      <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B -->
+      <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C -->
+    </cmap_format_4>
+  </cmap>
+
+  <loca>
+    <!-- The 'loca' table will be calculated by the compiler -->
+  </loca>
+
+  <glyf>
+
+    <!-- The xMin, yMin, xMax and yMax values
+         will be recalculated by the compiler. -->
+
+    <TTGlyph name=".notdef"/><!-- contains no outline data -->
+
+    <TTGlyph name="A" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="B" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="C" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="space" xMin="0" yMin="-250" xMax="1000" yMax="750">
+      <contour>
+        <pt x="0" y="-250" on="1"/>
+      </contour>
+      <contour>
+        <pt x="1000" y="750" on="1"/>
+      </contour>
+      <instructions/>
+    </TTGlyph>
+
+    <TTGlyph name="uni0000"/><!-- contains no outline data -->
+
+    <TTGlyph name="uni000D"/><!-- contains no outline data -->
+
+  </glyf>
+
+  <name>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap-Regular:v1.0
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap Regular
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+      Version 1.0
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      SVG-Bitmap-Regular
+    </namerecord>
+  </name>
+
+  <post>
+    <formatType value="3.0"/>
+    <italicAngle value="0.0"/>
+    <underlinePosition value="0"/>
+    <underlineThickness value="0"/>
+    <isFixedPitch value="0"/>
+    <minMemType42 value="0"/>
+    <maxMemType42 value="0"/>
+    <minMemType1 value="0"/>
+    <maxMemType1 value="0"/>
+  </post>
+
+  <SVG>
+
+    <svgDoc endGlyphID="4" startGlyphID="4">
+      <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph4" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEBNbnUEAoFAIBAIBALBk2ABo8QBP1gd7ycAAAAASUVORK5CYII="/></svg>]]>
+    </svgDoc>
+    <svgDoc endGlyphID="5" startGlyphID="5">
+      <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph5" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="/></svg>]]>
+    </svgDoc>
+    <svgDoc endGlyphID="6" startGlyphID="6">
+      <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph6" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="/></svg>]]>
+    </svgDoc>
+  </SVG>
+
+</ttFont>
diff --git a/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf b/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf
new file mode 100644
index 0000000000..1083f397f6
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg-gz.ttf b/layout/reftests/text-svgglyphs/resources/svg-gz.ttf
new file mode 100644
index 0000000000..3a9660224a
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg-gz.ttf differ
diff --git a/layout/reftests/text-svgglyphs/resources/svg.woff b/layout/reftests/text-svgglyphs/resources/svg.woff
new file mode 100644
index 0000000000..6deee1460d
Binary files /dev/null and b/layout/reftests/text-svgglyphs/resources/svg.woff differ
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg
new file mode 100644
index 0000000000..493a9260b7
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        /* For testing with the pref disabled, add a query to the font URL
+           to avoid cache confusion between enabled/disabled. */
+        src:url(resources/svg.woff?disabled);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that SVG glyphs are being drawn instead of TrueType glyphs
+      Also testing that this does not happen if the
+      gfx.font_rendering.opentype_svg.enabled preference is set to true.
+  -->
+  <!-- glyphid -->
+  <text x="0" y="200">
+  L
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg
new file mode 100644
index 0000000000..205529a50e
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <rect x="20" y="20" width="160" height="160" stroke-width="10"
+      stroke="black" fill="red" />
+    <rect x="20" y="0" width="20" height="20" stroke="none"
+      fill="turquoise" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic.svg
new file mode 100644
index 0000000000..6eea7d986c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-basic.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that SVG glyphs are being drawn instead of TrueType glyphs
+      Also testing that this does not happen if the
+      gfx.font_rendering.opentype_svg.enabled preference is set to true.
+  -->
+  <!-- glyphid -->
+  <text x="0" y="200">
+  L
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg
new file mode 100644
index 0000000000..944ad2efc6
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="20" width="160" height="60" stroke="red" stroke-width="10"
+      fill-opacity="0.5" stroke-opacity="0.5" />
+  <rect x="20" y="120" width="160" height="60" stroke="red" stroke-width="10"
+      fill-opacity="0.5" stroke-opacity="0.5" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg
new file mode 100644
index 0000000000..60b11344c8
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family : svgwoff;
+      src : url(resources/svg.woff);
+    }
+    text {
+      font-family : svgwoff;
+      font-size : 200px;
+      fill-opacity : 0.5;
+      stroke-opacity : 0.5;
+    }
+  ]]></style>
+
+  <!--
+        Test for a bug where cached fill-opacity and stroke-opacity values were
+      being destroyed
+  -->
+  <text x="0" y="200" stroke="black">Y</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html
new file mode 100644
index 0000000000..3325c05f22
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Test for compressed SVG glyphs</title>
+<style>
+  @font-face {
+    font-family: test;
+    src: url(resources/svg.woff); /* uses uncompressed SVG documents */
+  }
+  html { width: 400px; height: 400px; background-color: white; }
+  body { margin: 0; }
+  div { font: 200px test; color: fuchsia; line-height: 1; stroke: none; }
+</style>
+<div>abcdefg</div>
+<div>LMNOPQR</div>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-compressed.html b/layout/reftests/text-svgglyphs/svg-glyph-compressed.html
new file mode 100644
index 0000000000..0c51a54b12
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-compressed.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Test for compressed SVG glyphs</title>
+<style>
+  @font-face {
+    font-family: test;
+    src: url(resources/svg-gz.ttf); /* copy of svg.woff using gzip-compressed SVG documents */
+  }
+  html { width: 400px; height: 400px; background-color: white; }
+  body { margin: 0; }
+  div { font: 200px test; color: fuchsia; line-height: 1; stroke: none; }
+</style>
+<div>abcdefg</div>
+<div>LMNOPQR</div>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg
new file mode 100644
index 0000000000..67a5fb8d23
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for SVG glyphs being painted when painting properties are simple</title>
+
+  <style>
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src: url(resources/svg.woff);
+      }
+      text {
+        font-family: Liberation;
+        font-size: 200px;
+        fill: url(#transparent);
+      }
+    ]]>
+  </style>
+
+  <linearGradient id="transparent">
+    <stop/>
+  </linearGradient>
+
+  <!-- The gradient paint server fill is not used by the "L" glyph,
+       but setting it forces the code path that fills and strokes text
+       in the SVG text frame to be chosen. -->
+  <text x="0" y="200">L</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-direct.svg b/layout/reftests/text-svgglyphs/svg-glyph-direct.svg
new file mode 100644
index 0000000000..c1e38a2cee
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-direct.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test for SVG glyphs being painted when painting properties are simple</title>
+
+  <style>
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src: url(resources/svg.woff);
+      }
+      text {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+
+  <text x="0" y="200">L</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
new file mode 100644
index 0000000000..bd9847928b
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: foo;
+  src: url(resources/svg-glyph-extents.otf);
+}
+body {
+  font-family: foo;
+  font-size: 10px;
+}
+div {
+  display: inline-block;
+  height: 100px;
+  width: 100px;
+}
+</style>
+</head>
+<body>
+<div>A</div>
+<div>B</div>
+<div>C</div>
+<div>D</div>
+</body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-extents.html b/layout/reftests/text-svgglyphs/svg-glyph-extents.html
new file mode 100644
index 0000000000..6d7060aada
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-extents.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<head>
+<style type="text/css">
+@font-face {
+  font-family: foo;
+  src: url(resources/svg-glyph-extents.otf);
+}
+body {
+  font-family: foo;
+  font-size: 10px;
+}
+@keyframes test {
+  from {
+    font-size: 100px;
+  }
+  to {
+    font-size: 10px;
+  }
+}
+#start-animation div {
+  display: inline-block;
+  height: 100px;
+  width: 100px;
+  animation-duration: 3s;
+  animation-name: test;
+}
+</style>
+<script type="text/javascript">
+function setup() {
+  var e = document.getElementById("watchme");
+  e.addEventListener("animationend", listener);
+
+  // Start the animation after the animationend listener has been subscribed
+  // (See Bug 1543639 Comment 25 for a rationale).
+  document.body.id = "start-animation";
+}
+function listener() {
+  document.documentElement.className = "";
+}
+</script>
+</head>
+<body onload="setup()">
+<div>A</div>
+<div id="watchme">B</div>
+<div>C</div>
+<div>D</div>
+</body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg
new file mode 100644
index 0000000000..6360240ff8
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>Reference for SVG glyphs being used in HTML content</title>
+  <style>
+    @font-face {
+      font-family: "Liberation";
+      src: url(resources/svg.woff);
+    }
+    text { font: 200px Liberation; fill: fuchsia; stroke: black; }
+  </style>
+  <text x="0" y="200">b</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-html.html b/layout/reftests/text-svgglyphs/svg-glyph-html.html
new file mode 100644
index 0000000000..5d4298f6df
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-html.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>Test for SVG glyphs being used in HTML content</title>
+<style>
+  @font-face {
+    font-family: "Liberation";
+    src: url(resources/svg.woff);
+  }
+  html { width: 400px; height: 400px; background-color: white; }
+  body { margin: 0; }
+  div { font: 200px Liberation; color: fuchsia; line-height: 1; stroke: none; }
+</style>
+<div>b</div>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg
new file mode 100644
index 0000000000..8666756e4e
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <rect x="20" y="20" width="160" height="160" stroke-width="10"
+      fill="lime" />
+  </g>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg
new file mode 100644
index 0000000000..25813f2972
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that the right SVG glyph is picked from a document containing various
+      invalid glyph IDs.
+  -->
+  <text x="0" y="200">
+  M
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html
new file mode 100644
index 0000000000..632e8f2ca8
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html
@@ -0,0 +1,18 @@
+<html>
+  <head>
+    <title>Reference for test that invalid XML in the 'SVG ' table is rejected</title>
+    <style>
+      @font-face {
+        font-family : 'Liberation';
+        src : url(resources/nosvg.woff);
+      }
+      body {
+        font-family : 'Liberation';
+        font-size : 200px;
+      }
+    </style>
+  </head>
+  <body>
+    LML&#xfe01;
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid.html b/layout/reftests/text-svgglyphs/svg-glyph-invalid.html
new file mode 100644
index 0000000000..3c785d02f7
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid.html
@@ -0,0 +1,23 @@
+<html>
+  <head>
+    <title>Test that invalid XML in the 'SVG ' table is rejected</title>
+    <style>
+      @font-face {
+        font-family : 'Liberation';
+        src : url(resources/rubbish.woff);
+      }
+      body {
+        font-family : 'Liberation';
+        font-size : 200px;
+      }
+    </style>
+  </head>
+  <!--
+        The font file resources/rubbish.woff contains an SVG table which
+      does not contain valid XML. This test makes sure it falls back
+      on rendering the text using the truetype outlines.
+  -->
+  <body>
+    LML&#xfe01;
+  </body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg
new file mode 100644
index 0000000000..4f3509c0dc
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: "Liberation";
+      src: url(resources/svg.woff);
+    }
+  </style>
+  <mask id="m" x="0" y="0" width="200" height="200">
+    <rect x="30" y="60" width="80" height="80" stroke-width="5"
+      stroke="black" fill="red"/>
+    <rect x="30" y="50" width="10" height="10" stroke="none"
+      fill="turquoise" />
+  </mask>
+  <rect width="200" height="200" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-mask.svg b/layout/reftests/text-svgglyphs/svg-glyph-mask.svg
new file mode 100644
index 0000000000..afda2f0908
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-mask.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style>
+    @font-face {
+      font-family: "Liberation";
+      src: url(resources/svg.woff);
+    }
+  </style>
+  <mask id="m" x="0" y="0" width="200" height="200">
+    <text x="20" y="150" style="font: 100px Liberation" stroke="black">L</text>
+  </mask>
+  <rect width="200" height="200" mask="url(#m)"/>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg
new file mode 100644
index 0000000000..dbaf7f5e15
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="20" width="160" height="160" fill="turquoise" />
+  <rect x="10" y="210" width="180" height="180" fill="thistle" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg
new file mode 100644
index 0000000000..72b57b30ba
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that solid colors are inherited when using the objectFill
+      paint server value in SVG glyphs
+  -->
+  
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  
+  <text fill="turquoise" x="0" y="200">
+  N
+  </text>
+  <text fill="thistle" x="0" y="400">
+  O
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg
new file mode 100644
index 0000000000..91ebb683da
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke="none"
+    fill="url(#grad)" />
+    
+  <rect x="310" y="10" width="180" height="180" fill="url(#grad)"
+    stroke="none" />
+    
+  <rect x="20" y="320" width="160" height="160" fill="burlywood"
+    stroke="url(#grad2)" stroke-width="10" />
+    
+  <rect x="310" y="310" width="180" height="180" fill="url(#grad2)"
+    stroke="url(#grad)" stroke-width="20" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg
new file mode 100644
index 0000000000..95f3d1bb70
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.5">
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke="none"
+    fill="url(#grad)" />
+
+  <rect x="310" y="10" width="180" height="180" fill="url(#grad)"
+    stroke="none" />
+
+  <rect x="20" y="320" width="160" height="160" fill="burlywood"
+    stroke="url(#grad2)" stroke-width="10" />
+
+  <rect x="310" y="310" width="180" height="180" fill="url(#grad2)"
+    stroke="url(#grad)" stroke-width="20" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg
new file mode 100644
index 0000000000..cebc4fb04c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.5">
+  <!--
+        Test that gradients are inherited from the outer object under zoom
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+    }
+  ]]></style>
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+
+  </defs>
+
+  <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text>
+  <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text>
+  <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text>
+  <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg
new file mode 100644
index 0000000000..97f10bda4d
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that gradients are inherited from the outer object when using
+      the objectFill and objectStroke paint server values in SVG glyphs
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+    }
+  ]]></style>
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+    
+  </defs>
+
+  <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text>
+  <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text>
+  <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text>
+  <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg
new file mode 100644
index 0000000000..8dfb53aced
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#grad)" stroke="url(#grad2)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+    
+  <rect x="320" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#grad)" stroke="url(#grad2)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+    
+  <rect x="20" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#grad2)" stroke="url(#grad)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+    
+  <rect x="320" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#grad2)" stroke="url(#grad)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg
new file mode 100644
index 0000000000..c323640d47
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that fill-opacity is correctly inherited from the outer text
+      object when -moz-objectFillOpacity is used in an SVG glyph.
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+      fill-opacity: 0.5;
+      fill: url(#grad);
+      stroke-opacity: 1.0;
+      stroke: url(#grad2);
+    }
+  ]]></style>
+
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
+      <stop stop-color="purple" offset="0%" />
+      <stop stop-color="lime" offset="100%" />
+    </linearGradient>
+    <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
+      <stop stop-color="red" offset="0%" />
+      <stop stop-color="blue" offset="100%" />
+    </radialGradient>
+    
+  </defs>
+
+  <text x="0" y="200">R</text>
+  <text x="300" y="200">S</text>
+  <text x="0" y="500">T</text>
+  <text x="300" y="500">U</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg
new file mode 100644
index 0000000000..6a261afdbd
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#pat)" stroke="url(#pat2)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+    
+  <rect x="320" y="20" width="160" height="160" stroke-width="10"
+        fill="url(#pat)" stroke="url(#pat2)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+    
+  <rect x="20" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#pat2)" stroke="url(#pat)"
+        fill-opacity="1.0" stroke-opacity="0.5" />
+    
+  <rect x="320" y="320" width="160" height="160" stroke-width="10"
+        fill="url(#pat2)" stroke="url(#pat)"
+        fill-opacity="0.5" stroke-opacity="1.0" />
+
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg
new file mode 100644
index 0000000000..40e4fadf00
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that stroke-opacity is correctly inherited from the outer text
+      object when -moz-objectStrokeOpacity is used in an SVG glyph.
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+      fill-opacity: 1.0;
+      fill: url(#pat);
+      stroke-opacity: 0.5;
+      stroke: url(#pat2);
+    }
+  ]]></style>
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <text x="0" y="200">R</text>
+  <text x="300" y="200">S</text>
+  <text x="0" y="500">T</text>
+  <text x="300" y="500">U</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg
new file mode 100644
index 0000000000..e12e60d1b2
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <rect x="20" y="20" width="160" height="160" stroke="none"
+    fill="url(#pat)" />
+    
+  <rect x="310" y="10" width="180" height="180" fill="url(#pat)"
+    stroke="none" />
+    
+  <rect x="20" y="320" width="160" height="160" fill="burlywood"
+    stroke="url(#pat2)" stroke-width="10" />
+    
+  <rect x="310" y="310" width="180" height="180" fill="url(#pat2)"
+    stroke="url(#pat)" stroke-width="20" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg
new file mode 100644
index 0000000000..475165cd40
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that patterns are inherited from the outer object when using
+      the objectFill and objectStroke paint server values in SVG glyphs
+  -->
+
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: "Liberation";
+      src:url("resources/svg.woff") format("woff");
+    }
+
+    text {
+      font-family: "Liberation";
+      font-size: 200px;
+      stroke-width: 5;
+    }
+  ]]></style>
+
+  <defs>
+    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"
+        fill="mistyrose" />
+    </pattern>
+    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
+      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"
+        fill="lemonchiffon" />
+    </pattern>
+  </defs>
+
+  <text x="0" y="200" fill="url(#pat)" stroke="url(#pat2)">N</text>
+  <text x="300" y="200" fill="url(#pat)" stroke="url(#pat2)">O</text>
+  <text x="0" y="500" fill="url(#pat)" stroke="url(#pat2)">P</text>
+  <text x="300" y="500" fill="url(#pat)" stroke="url(#pat2)">Q</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg
new file mode 100644
index 0000000000..797357537c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="20" width="160" height="160"
+    stroke-width="10" stroke="cornflowerblue" fill="burlywood" />
+  <rect x="10" y="210" width="180" height="180"
+    stroke-width="20" stroke="blanchedalmond" fill="darkolivegreen" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg
new file mode 100644
index 0000000000..8e1088df73
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!--
+        Test that solid colors are inherited when using the objectStroke
+      paint server value in SVG glyphs
+  -->
+  
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  
+  <text stroke="cornflowerblue" x="0" y="200">
+  P
+  </text>
+  <text fill="blanchedalmond" stroke="darkolivegreen" x="0" y="400">
+  Q
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg
new file mode 100644
index 0000000000..561b294a93
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="1.5">
+  <style type="text/css"><![CDATA[
+    rect {
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+    }
+  ]]></style>
+  <rect x="20" y="20" width="160" height="160" stroke="powderblue" />
+  <rect x="220" y="20" width="160" height="160" stroke="chartreuse" />
+  <rect x="20" y="220" width="160" height="160" stroke="sienna" />
+  <rect x="220" y="220" width="160" height="160" stroke="olivedrab" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg
new file mode 100644
index 0000000000..4b687aa178
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="1.5">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: svgwoff;
+      src: url(resources/svg.woff);
+    }
+
+    text {
+      font-family: svgwoff;
+      font-size: 200px;
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+      stroke: black;
+    }
+  ]]></style>
+  <text x="0" y="200">a</text>
+  <text x="200" y="200">b</text>
+  <text x="0" y="400">c</text>
+  <text x="200" y="400">d</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg
new file mode 100644
index 0000000000..c47b309af6
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.75">
+  <style type="text/css"><![CDATA[
+    rect {
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+    }
+  ]]></style>
+  <rect x="20" y="20" width="160" height="160" stroke="powderblue" />
+  <rect x="220" y="20" width="160" height="160" stroke="chartreuse" />
+  <rect x="20" y="220" width="160" height="160" stroke="sienna" />
+  <rect x="220" y="220" width="160" height="160" stroke="olivedrab" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg
new file mode 100644
index 0000000000..eaa9d37440
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.75">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: svgwoff;
+      src: url(resources/svg.woff);
+    }
+
+    text {
+      font-family: svgwoff;
+      font-size: 200px;
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+      stroke: black;
+    }
+  ]]></style>
+  <text x="0" y="200">a</text>
+  <text x="200" y="200">b</text>
+  <text x="0" y="400">c</text>
+  <text x="200" y="400">d</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg
new file mode 100644
index 0000000000..73e006f353
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css"><![CDATA[
+    rect {
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+    }
+  ]]></style>
+  <rect x="20" y="20" width="160" height="160" stroke="powderblue" />
+  <rect x="220" y="20" width="160" height="160" stroke="chartreuse" />
+  <rect x="20" y="220" width="160" height="160" stroke="sienna" />
+  <rect x="220" y="220" width="160" height="160" stroke="olivedrab" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg
new file mode 100644
index 0000000000..1a94b43554
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css"><![CDATA[
+    @font-face {
+      font-family: svgwoff;
+      src: url(resources/svg.woff);
+    }
+
+    text {
+      font-family: svgwoff;
+      font-size: 200px;
+      stroke-width: 10;
+      stroke-dasharray: 10 10;
+      stroke-dashoffset: 7;
+      stroke: black;
+    }
+  ]]></style>
+  <text x="0" y="200">a</text>
+  <text x="200" y="200">b</text>
+  <text x="0" y="400">c</text>
+  <text x="200" y="400">d</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg
new file mode 100644
index 0000000000..dde80a92fa
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad">
+      <stop offset="0%" stop-color="papayawhip" />
+      <stop offset="100%" stop-color="plum" />
+    </linearGradient>
+  </defs>
+
+  <rect x="50" y="50" width="100" height="100" fill="url(#grad)" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg b/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg
new file mode 100644
index 0000000000..4e3bdd6772
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+      }
+    ]]>
+  </style>
+  <!-- 
+      Test that paintservers within SVG glyph documents are rendered properly
+  -->
+  <text x="0" y="200">
+  e
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg
new file mode 100644
index 0000000000..cde840eb4e
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <rect x="30" y="30" width="160" height="160" stroke-width="10"
+        fill="darkorchid" stroke="none"
+        fill-opacity="0.5" />
+
+  <rect x="30" y="230" width="160" height="160" stroke-width="10"
+        stroke="goldenrod" fill="none"
+        stroke-opacity="0.5" />
+
+  <rect x="230" y="30" width="160" height="160" stroke-width="10"
+        stroke="goldenrod" fill="none"
+        stroke-opacity="0.5" />
+
+  <rect x="230" y="230" width="160" height="160" stroke-width="10"
+        fill="darkorchid" stroke="none"
+        fill-opacity="0.5" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg b/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg
new file mode 100644
index 0000000000..7b8d01d87c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke-opacity: 0.5;
+        fill-opacity: 0.5;
+      }
+    ]]>
+  </style>
+  <!--
+        Test that objectFillOpacity evaluates to 0 when fill="none" even when
+      fill-opacity is set, and similar for objectStrokeOpacity.
+  -->
+  <text x="10" y="210" stroke="none" fill="black">W</text>
+  <text x="10" y="410" stroke="black" fill="none">W</text>
+  <text x="210" y="210" stroke="none" fill="black">X</text>
+  <text x="210" y="410" stroke="black" fill="none">X</text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg
new file mode 100644
index 0000000000..69418fde8c
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        /* For testing with the pref disabled, add a query to the font URL
+           to avoid cache confusion between enabled/disabled. */
+        src:url(resources/svg.woff?disabled);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that we're rendering in the right place in the middle of a
+      text run
+  -->
+  <text x="0" y="200">
+  LLL
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg
new file mode 100644
index 0000000000..10e8ff1161
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <!-- The "L" glyph in Fira Sans has been hacked to have an advance of
+       exactly 500/1000 em, or 100px at a font size of 200px. -->
+  <!-- L -->
+  <rect x="20" y="20" width="160" height="160" stroke-width="10"
+    stroke="black" fill="red" />
+  <rect x="20" y="0" width="20" height="20" stroke="none"
+    fill="turquoise" />
+
+  <!-- L -->
+  <rect x="120" y="20" width="160" height="160" stroke-width="10"
+    stroke="black" fill="red" />
+  <rect x="120" y="0" width="20" height="20" stroke="none"
+    fill="turquoise" />
+
+  <!-- L -->
+  <rect x="220" y="20" width="160" height="160" stroke-width="10"
+    stroke="black" fill="red" />
+  <rect x="220" y="0" width="20" height="20" stroke="none"
+    fill="turquoise" />
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg
new file mode 100644
index 0000000000..a16056a244
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 200px;
+        stroke: black;
+      }
+    ]]>
+  </style>
+  <!--
+      Test that we're rendering in the right place in the middle of a
+      text run
+  -->
+  <text x="0" y="200">
+  LLL
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg
new file mode 100644
index 0000000000..759e06ae42
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 100px;
+      }
+    ]]>
+  </style>
+  <!-- 
+      Test that transforms within SVG glyph documents are applied properly
+  -->
+  <text x="0" y="100">
+  g
+  </text>
+  <text x="0" y="200">
+  g
+  </text>
+  <text x="0" y="300">
+  g
+  </text>
+
+  <text x="100" y="100">
+  g
+  </text>
+  <text x="100" y="200">
+  g
+  </text>
+  <text x="100" y="300">
+  g
+  </text>
+
+  <text x="200" y="100">
+  g
+  </text>
+  <!-- note that the next two are different from the preceding glyphs! -->
+  <text x="200" y="200">
+  q
+  </text>
+  <text x="200" y="300">
+  q
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-glyph-transform.svg b/layout/reftests/text-svgglyphs/svg-glyph-transform.svg
new file mode 100644
index 0000000000..933dea3725
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-glyph-transform.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="600">
+  <style type="text/css">
+    <![CDATA[
+      @font-face {
+        font-family: "Liberation";
+        src:url(resources/svg.woff);
+      }
+      text
+      {
+        font-family: Liberation;
+        font-size: 100px;
+      }
+    ]]>
+  </style>
+  <!-- 
+      Test that transforms within SVG glyph documents are applied properly
+  -->
+  <text x="0" y="100">
+  h
+  </text>
+  <text x="0" y="200">
+  i
+  </text>
+  <text x="0" y="300">
+  j
+  </text>
+
+  <text x="100" y="100">
+  k
+  </text>
+  <text x="100" y="200">
+  l
+  </text>
+  <text x="100" y="300">
+  m
+  </text>
+
+  <text x="200" y="100">
+  n
+  </text>
+  <!-- note that the next two are different from the preceding glyphs! -->
+  <text x="200" y="200">
+  o
+  </text>
+  <text x="200" y="300">
+  p
+  </text>
+</svg>
diff --git a/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html
new file mode 100644
index 0000000000..c93fc86c94
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>SVG-in-OT bitmap issue</title>
+    <style>
+        @font-face {
+            font-family: test;
+            src: url("resources/svg-bitmap.ttf");
+        }
+        span {
+            white-space: pre;
+        }
+        .a {
+            background: red;
+        }
+        .b {
+            background: yellow;
+        }
+        .c {
+            background: blue;
+        }
+    </style>
+</head>
+<body>
+    <div style="font: 32px/1 test, serif">
+        x <span class=a> </span><span class=b> </span><span class=c> </span> x
+    </div>
+</body>
+</html>
diff --git a/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html
new file mode 100644
index 0000000000..6f8055ebd1
--- /dev/null
+++ b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+    <meta charset="utf-8">
+    <title>SVG-in-OT bitmap issue</title>
+    <style>
+        @font-face {
+            font-family: test;
+            src: url("resources/svg-bitmap.ttf");
+        }
+    </style>
+    <script>
+        // Spin for 1 second using requestAnimationFrame, which should be plenty
+        // for the PNG images in the SVG-in-OT font to be decoded.
+        let start;
+        function rAF(timestamp) {
+            if (start === undefined) {
+                start = timestamp;
+            }
+            if (timestamp - start < 1000) {
+                window.requestAnimationFrame(rAF);
+            } else {
+                document.documentElement.classList.remove("reftest-wait");
+            }
+        }
+    </script>
+</head>
+<body onload="window.requestAnimationFrame(rAF)">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 50" x="0" y="0" width="400" height="50">
+        <text x="0" y="24" font-family="test, serif" font-size="32px">x ABC x</text>
+    </svg>
+</body>
+</html>
-- 
cgit v1.2.3