diff --git a/css/css-writing-modes/support/mn+arabic.png b/css/css-writing-modes/support/mn+arabic.png
new file mode 100644
index 000000000000000..d999c3d3096199f
Binary files /dev/null and b/css/css-writing-modes/support/mn+arabic.png differ
diff --git a/css/css-writing-modes/support/mn+latin.png b/css/css-writing-modes/support/mn+latin.png
new file mode 100644
index 000000000000000..224297163c62727
Binary files /dev/null and b/css/css-writing-modes/support/mn+latin.png differ
diff --git a/css/css-writing-modes/support/mn-orientation.png b/css/css-writing-modes/support/mn-orientation.png
new file mode 100644
index 000000000000000..0167dfbde65956c
Binary files /dev/null and b/css/css-writing-modes/support/mn-orientation.png differ
diff --git a/css/css-writing-modes/support/mn_ar_wrap.png b/css/css-writing-modes/support/mn_ar_wrap.png
new file mode 100644
index 000000000000000..c7d5ca5806ee51d
Binary files /dev/null and b/css/css-writing-modes/support/mn_ar_wrap.png differ
diff --git a/css/css-writing-modes/support/mn_en_wrap.png b/css/css-writing-modes/support/mn_en_wrap.png
new file mode 100644
index 000000000000000..e697c992bcb0912
Binary files /dev/null and b/css/css-writing-modes/support/mn_en_wrap.png differ
diff --git a/css/css-writing-modes/support/world.png b/css/css-writing-modes/support/world.png
new file mode 100644
index 000000000000000..b56ada3ef1dedac
Binary files /dev/null and b/css/css-writing-modes/support/world.png differ
diff --git a/css/css-writing-modes/support/zh+arabic.png b/css/css-writing-modes/support/zh+arabic.png
new file mode 100644
index 000000000000000..019debeae63216d
Binary files /dev/null and b/css/css-writing-modes/support/zh+arabic.png differ
diff --git a/css/css-writing-modes/support/zh+latin.png b/css/css-writing-modes/support/zh+latin.png
new file mode 100644
index 000000000000000..8fa56d5b6c5bf4b
Binary files /dev/null and b/css/css-writing-modes/support/zh+latin.png differ
diff --git a/css/css-writing-modes/support/zh-orientation.png b/css/css-writing-modes/support/zh-orientation.png
new file mode 100644
index 000000000000000..fa05cfe7977ffc4
Binary files /dev/null and b/css/css-writing-modes/support/zh-orientation.png differ
diff --git a/css/css-writing-modes/support/zh_ar_wrap.png b/css/css-writing-modes/support/zh_ar_wrap.png
new file mode 100644
index 000000000000000..747e816e21213d1
Binary files /dev/null and b/css/css-writing-modes/support/zh_ar_wrap.png differ
diff --git a/css/css-writing-modes/support/zh_en_wrap.png b/css/css-writing-modes/support/zh_en_wrap.png
new file mode 100644
index 000000000000000..a3d659186398366
Binary files /dev/null and b/css/css-writing-modes/support/zh_en_wrap.png differ
diff --git a/css/css-writing-modes/text-combine-upright-all-001-manual.html b/css/css-writing-modes/text-combine-upright-all-001-manual.html
index c99faf4faeecb9e..32d7d48598aedcd 100644
--- a/css/css-writing-modes/text-combine-upright-all-001-manual.html
+++ b/css/css-writing-modes/text-combine-upright-all-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -27,4 +27,4 @@
 <p lang="ja"><span>今日</span>は<span>5</span>月<span>12</span>日です。<span>GI</span></p>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/text-combine-upright-all-002-manual.html b/css/css-writing-modes/text-combine-upright-all-002-manual.html
index be9f582217075c5..1ef4ec06c0db817 100644
--- a/css/css-writing-modes/text-combine-upright-all-002-manual.html
+++ b/css/css-writing-modes/text-combine-upright-all-002-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -27,4 +27,4 @@
 <p lang="ja"><span>W3C</span>会議は<span>2016</span>年<span>5</span>月<span>12</span>日です。<span>242</span>日目です。</p>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/text-combine-upright-digits-001-manual.html b/css/css-writing-modes/text-combine-upright-digits-001-manual.html
index 834ad565822661e..76a1798e48612e2 100644
--- a/css/css-writing-modes/text-combine-upright-digits-001-manual.html
+++ b/css/css-writing-modes/text-combine-upright-digits-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
diff --git a/css/css-writing-modes/text-combine-upright-digits-002-manual.html b/css/css-writing-modes/text-combine-upright-digits-002-manual.html
index d86e11379868e91..1977d070e85649a 100644
--- a/css/css-writing-modes/text-combine-upright-digits-002-manual.html
+++ b/css/css-writing-modes/text-combine-upright-digits-002-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
diff --git a/css/css-writing-modes/text-combine-upright-digits-004-manual.html b/css/css-writing-modes/text-combine-upright-digits-004-manual.html
index 75cec69afe44493..b681a8a9a10c11f 100644
--- a/css/css-writing-modes/text-combine-upright-digits-004-manual.html
+++ b/css/css-writing-modes/text-combine-upright-digits-004-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/CSSTest/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/CSSTest/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
diff --git a/css/css-writing-modes/writing-mode-vlr-001-manual.html b/css/css-writing-modes/writing-mode-vlr-001-manual.html
index 31186029deca3cd..ac5adb13f4e3dc8 100644
--- a/css/css-writing-modes/writing-mode-vlr-001-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -27,4 +27,4 @@
 <span lang="mn">ᠮᠤᠩᠭᠤᠯ ᠤᠯᠤᠰ</span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-002-manual.html b/css/css-writing-modes/writing-mode-vlr-002-manual.html
index bb53c939e843f60..588d56d02cc9ad3 100644
--- a/css/css-writing-modes/writing-mode-vlr-002-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-002-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -28,4 +28,4 @@
 <span lang="mn">ᠴᠤᠢᠵᠤᠩᠵᠠᠪ ᠪᠠᠭᠰᠢ ᠶᠢᠨ <span id="end">ᠦᠭᠦᠯᠡᠯ</span></span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-003-manual.html b/css/css-writing-modes/writing-mode-vlr-003-manual.html
index 1aaf29d2e6d0972..009212990695fa4 100644
--- a/css/css-writing-modes/writing-mode-vlr-003-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-003-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -27,4 +27,4 @@
 <span lang="mn">ᠴᠤᠢᠵᠤᠩᠵᠠᠪ</span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-005-manual.html b/css/css-writing-modes/writing-mode-vlr-005-manual.html
index 2bbdca599981e26..cd7b313add152fe 100644
--- a/css/css-writing-modes/writing-mode-vlr-005-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-005-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -25,4 +25,4 @@
 <div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn-orientation.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-006-manual.html b/css/css-writing-modes/writing-mode-vlr-006-manual.html
index 0ceb4a74bb92744..bc09501eadac5d3 100644
--- a/css/css-writing-modes/writing-mode-vlr-006-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-006-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -25,4 +25,4 @@
 <div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn-orientation.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-007-manual.html b/css/css-writing-modes/writing-mode-vlr-007-manual.html
index 8317c5c8efd7e60..2e725addd3db3a2 100644
--- a/css/css-writing-modes/writing-mode-vlr-007-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-007-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="en">W3C i18n</span> ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn+latin.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-008-manual.html b/css/css-writing-modes/writing-mode-vlr-008-manual.html
index 21abffa9194d335..30a329989014085 100644
--- a/css/css-writing-modes/writing-mode-vlr-008-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-008-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn+arabic.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-009-manual.html b/css/css-writing-modes/writing-mode-vlr-009-manual.html
index ba2ca64828febf2..287036dafeafa0a 100644
--- a/css/css-writing-modes/writing-mode-vlr-009-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-009-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn+arabic.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-010-manual.html b/css/css-writing-modes/writing-mode-vlr-010-manual.html
index 4dc9430b8dada1c..8f5baee8fff3c14 100644
--- a/css/css-writing-modes/writing-mode-vlr-010-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-010-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <div class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn+arabic.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-012-manual.html b/css/css-writing-modes/writing-mode-vlr-012-manual.html
index ebf773c555984bc..78ba92258af7848 100644
--- a/css/css-writing-modes/writing-mode-vlr-012-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-012-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -32,4 +32,4 @@
 <div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="en">W3C i18n</span> ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn_en_wrap.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-014-manual.html b/css/css-writing-modes/writing-mode-vlr-014-manual.html
index 656f78759db28d7..0bcdb1f87b7d894 100644
--- a/css/css-writing-modes/writing-mode-vlr-014-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-014-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -32,4 +32,4 @@
 <div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <span lang="ar">نشاط التدويل</span> ᠤᠯᠤᠰ</div>
 <div class="ref"><img src="support/mn_ar_wrap.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-015-manual.html b/css/css-writing-modes/writing-mode-vlr-015-manual.html
index a8fe0055395c9a8..c7c080e77d92809 100644
--- a/css/css-writing-modes/writing-mode-vlr-015-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-015-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -22,6 +22,6 @@
 </head>
 <body>
 <p class="instructions">Test passes if the text is vertical and the world map has north at the top.</p>
-<div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <img src="support/world.gif" alt="ref image"/> ᠤᠯᠤᠰ</div>
+<div id="test" class="test" lang="mn">ᠮᠤᠩᠭᠤᠯ <img src="support/world.png" alt="ref image"/> ᠤᠯᠤᠰ</div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-forms-001-manual.html b/css/css-writing-modes/writing-mode-vlr-forms-001-manual.html
index 02e0dd8da0d6bde..a3878d148b2c9ce 100644
--- a/css/css-writing-modes/writing-mode-vlr-forms-001-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-forms-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <input type="text" value="ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ" />
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-forms-002-manual.html b/css/css-writing-modes/writing-mode-vlr-forms-002-manual.html
index b89ea1addb34330..751057dc77c2b9a 100644
--- a/css/css-writing-modes/writing-mode-vlr-forms-002-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-forms-002-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <input type="text" placeholder="ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ" />
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-forms-003-manual.html b/css/css-writing-modes/writing-mode-vlr-forms-003-manual.html
index bfd90f8438f16c0..bf3d839ec40febc 100644
--- a/css/css-writing-modes/writing-mode-vlr-forms-003-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-forms-003-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <textarea rows="3">ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ</textarea>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-forms-004-manual.html b/css/css-writing-modes/writing-mode-vlr-forms-004-manual.html
index fd44a2b6ed7bb48..91f991f5285fc93 100644
--- a/css/css-writing-modes/writing-mode-vlr-forms-004-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-forms-004-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -26,4 +26,4 @@
 <textarea rows="3" placeholder="ᠮᠤᠩᠭᠤᠯ W3C i18n ᠤᠯᠤᠰ"></textarea>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-forms-005-manual.html b/css/css-writing-modes/writing-mode-vlr-forms-005-manual.html
index 0ef619a636f67e5..361f9dbec22857e 100644
--- a/css/css-writing-modes/writing-mode-vlr-forms-005-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-forms-005-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -31,4 +31,4 @@
 </select>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-forms-006-manual.html b/css/css-writing-modes/writing-mode-vlr-forms-006-manual.html
index 16162c2a3cd5d59..78416009a174236 100644
--- a/css/css-writing-modes/writing-mode-vlr-forms-006-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-forms-006-manual.html
@@ -6,10 +6,11 @@
 <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="writing-mode:vertical-lr will display selection options vertically."/>
+<meta name="flags" content="should"/>
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -31,4 +32,4 @@
 </select>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vlr-table-001-manual.html b/css/css-writing-modes/writing-mode-vlr-table-001-manual.html
index 21bd590863b99eb..f323ed008cf40ce 100644
--- a/css/css-writing-modes/writing-mode-vlr-table-001-manual.html
+++ b/css/css-writing-modes/writing-mode-vlr-table-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: 'webfont';
-    src: 	url('../../fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
+    src: 	url('/fonts/noto/NotoSansMongolian-regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 	}
@@ -30,4 +30,4 @@
 </tbody></table>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-001-manual.html b/css/css-writing-modes/writing-mode-vrl-001-manual.html
index a4f995f4b7fec16..8cea8b8b83107e5 100644
--- a/css/css-writing-modes/writing-mode-vrl-001-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -27,4 +27,4 @@
 <span lang="zh-hans">国际化活动万维网联盟</span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-002-manual.html b/css/css-writing-modes/writing-mode-vrl-002-manual.html
index 7c7bcfbcdc6c58f..086f77e8b4fcde1 100644
--- a/css/css-writing-modes/writing-mode-vrl-002-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-002-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -28,4 +28,4 @@
 <span lang="zh-hans">国际化活动万维网联盟国际化活动万维<span id="end">网联盟</span></span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-003-manual.html b/css/css-writing-modes/writing-mode-vrl-003-manual.html
index 64fcb66b1337b78..a0129a3d1b24400 100644
--- a/css/css-writing-modes/writing-mode-vrl-003-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-003-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -27,4 +27,4 @@
 <span lang="zh-hans">国际化活动万维网联盟</span>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-005-manual.html b/css/css-writing-modes/writing-mode-vrl-005-manual.html
index c6462f2fe1aa97b..835ddaac7998b20 100644
--- a/css/css-writing-modes/writing-mode-vrl-005-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-005-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="By default, writing-mode:vertical-rl will display chinese characters upright."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; }
+.test, .ref { font-size: 24px; float: left; margin-right: 30px; }
 </style>
 <!-- this is the test -->
 <style type="text/css">
@@ -22,7 +16,7 @@
 </head>
 <body>
 <p class="instructions" dir="ltr">Test passes if the text is vertical and the Chinese characters are oriented the same way as on the blue background.</p>
-<div class="test" lang="mn">国际化活动万维网联盟</div>
+<div class="test" lang="zh">国际化活动万维网联盟</div>
 <div class="ref"><img src="support/zh-orientation.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-007-manual.html b/css/css-writing-modes/writing-mode-vrl-007-manual.html
index 3427f74990cddc7..5574a100eaf7261 100644
--- a/css/css-writing-modes/writing-mode-vrl-007-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-007-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="writing-mode:vertical-lr will display Latin characters rotated 90° right by default."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
+.test { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
 span[lang=en] { color: black; }
 </style>
 <!-- this is the test -->
@@ -26,4 +20,4 @@
 <div class="test" lang="zh-hans">国际化活动<span lang="en">W3C i18n</span>万维网联盟</div>
 <div class="ref"><img src="support/zh+latin.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-008-manual.html b/css/css-writing-modes/writing-mode-vrl-008-manual.html
index 7d2a3bb6a7be1a4..7401d6e78cd06a0 100644
--- a/css/css-writing-modes/writing-mode-vrl-008-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-008-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="By default, writing-mode:vertical-lr will display Arabic characters rotated 90° right."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
+.test, .ref { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
 span[lang=ar] { color: black; }
 </style>
 <!-- this is the test -->
@@ -26,4 +20,4 @@
 <div class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
 <div class="ref"><img src="support/zh+arabic.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-009-manual.html b/css/css-writing-modes/writing-mode-vrl-009-manual.html
index 6dff8d7efbe124b..0486ac6f5efe582 100644
--- a/css/css-writing-modes/writing-mode-vrl-009-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-009-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="By default, writing-mode:vertical-lr will display Arabic characters progressing up the page."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
+.test, .ref { font-size: 24px; float: left; margin-right: 30px; color: #ccc; }
 span[lang=ar] { color: black; }
 </style>
 <!-- this is the test -->
@@ -26,4 +20,4 @@
 <div class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
 <div class="ref"><img src="support/zh+arabic.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-010-manual.html b/css/css-writing-modes/writing-mode-vrl-010-manual.html
index e81a579c75a7c10..05f8de14ac29cf5 100644
--- a/css/css-writing-modes/writing-mode-vrl-010-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-010-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="By default, writing-mode:vertical-lr will display Arabic characters using cursive joining."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px;  color: #ccc; }
+.test, .ref { font-size: 24px; float: left; margin-right: 30px;  color: #ccc; }
 span[lang=ar] { color: black; }
 </style>
 <!-- this is the test -->
@@ -26,4 +20,4 @@
 <div class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
 <div class="ref"><img src="support/zh+arabic.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-012-manual.html b/css/css-writing-modes/writing-mode-vrl-012-manual.html
index a53ec5c14f4ad12..71907e822a39f96 100644
--- a/css/css-writing-modes/writing-mode-vrl-012-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-012-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="By default, writing-mode:vertical-rl will wrap Latin text across a line break such that the first word in memory is on the right."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; height: 250px; color: #ccc; }
+.test, .ref { font-size: 24px; float: left; margin-right: 30px; height: 200px; color: #ccc; }
 span[lang=en] { color: black; }
 </style>
 <!-- this is the test -->
@@ -28,8 +22,8 @@
 </head>
 <body>
 <p class="instructions">Test passes if the two Latin words on the left are displayed in the same relative positions around a line break as on the blue background.</p>
-<p class="instructions">Use this control to set the line length, if necessary: <input type="text" value="250" style="width: 30px; text-align:right;" onChange="setMargin(this.value);"/>px</p>
+<p class="instructions">Use this control to set the line length, if necessary: <input type="text" value="200" style="width: 30px; text-align:right;" onChange="setMargin(this.value);"/>px</p>
 <div id="test" class="test" lang="zh-hans">国际化活动<span lang="en">W3C i18n</span>万维网联盟</div>
 <div class="ref"><img src="support/zh_en_wrap.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-014-manual.html b/css/css-writing-modes/writing-mode-vrl-014-manual.html
index bf3424fd04313a3..2dcf570916f022a 100644
--- a/css/css-writing-modes/writing-mode-vrl-014-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-014-manual.html
@@ -7,13 +7,7 @@
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="By default, writing-mode:vertical-rl will arrange Arabic text across a line break such that the first word in memory is on the right-hand side of the line break."/>
 <style type="text/css">
-@font-face {
-    font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-    }
-.test, .ref { font-family: webfont, serif; font-size: 24px; float: left; margin-right: 30px; height: 200px; color: #ccc; }
+.test, .ref { font-size: 24px; float: left; margin-right: 30px; height: 200px; color: #ccc; }
 span[lang=ar] { color: black; }
 </style>
 <!-- this is the test -->
@@ -32,4 +26,4 @@
 <div id="test" class="test" lang="zh-hans">国际化活动<span lang="ar">نشاط التدويل</span>万维网联盟</div>
 <div class="ref"><img src="support/zh_ar_wrap.png" alt="ref image"/></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-015-manual.html b/css/css-writing-modes/writing-mode-vrl-015-manual.html
index cfcdf2f51b7b077..e1a6f023a863ff1 100644
--- a/css/css-writing-modes/writing-mode-vrl-015-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-015-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -22,6 +22,6 @@
 </head>
 <body>
 <p class="instructions">Test passes if the text is vertical and the world map has north at the top.</p>
-<div id="test" class="test" lang="zh-hans">国际化活动<img src="support/world.gif" alt="ref image"/>万维网联盟</div>
+<div id="test" class="test" lang="zh-hans">国际化活动<img src="support/world.png" alt="ref image"/>万维网联盟</div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-forms-001-manual.html b/css/css-writing-modes/writing-mode-vrl-forms-001-manual.html
index 0548cb968286eff..20dea4fbc36e93b 100644
--- a/css/css-writing-modes/writing-mode-vrl-forms-001-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-forms-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -26,4 +26,4 @@
 <input type="text" value="国际化活动W3C i18n万维网联盟" />
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-forms-002-manual.html b/css/css-writing-modes/writing-mode-vrl-forms-002-manual.html
index 3de4c72c3ff4b07..5d7db3e2a386648 100644
--- a/css/css-writing-modes/writing-mode-vrl-forms-002-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-forms-002-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -26,4 +26,4 @@
 <input type="text" placeholder="国际化活动W3C i18n万维网联盟" />
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-forms-003-manual.html b/css/css-writing-modes/writing-mode-vrl-forms-003-manual.html
index e07502e4fce16bf..3dfe1d61bf51663 100644
--- a/css/css-writing-modes/writing-mode-vrl-forms-003-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-forms-003-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -26,4 +26,4 @@
 <textarea rows="3">国际化活动W3C i18n万维网联盟</textarea>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-forms-004-manual.html b/css/css-writing-modes/writing-mode-vrl-forms-004-manual.html
index 42bef3494f963bb..074603d5811d1a6 100644
--- a/css/css-writing-modes/writing-mode-vrl-forms-004-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-forms-004-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -26,4 +26,4 @@
 <textarea rows="3" placeholder="国际化活动W3C i18n万维网联盟"></textarea>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-forms-005-manual.html b/css/css-writing-modes/writing-mode-vrl-forms-005-manual.html
index 7177c316d7128f1..2ce63cd5664044e 100644
--- a/css/css-writing-modes/writing-mode-vrl-forms-005-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-forms-005-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -31,4 +31,4 @@
 </select>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-writing-modes/writing-mode-vrl-forms-006-manual.html b/css/css-writing-modes/writing-mode-vrl-forms-006-manual.html
index 7b49aa8eb3adefa..8d03c4dfcb23488 100644
--- a/css/css-writing-modes/writing-mode-vrl-forms-006-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-forms-006-manual.html
@@ -6,11 +6,11 @@
 <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"/>
 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
 <meta name="assert" content="writing-mode:vertical-rl will display selection options vertically."/>
-<meta name="flags" content="sould"/>
+<meta name="flags" content="should"/>
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
diff --git a/css/css-writing-modes/writing-mode-vrl-table-001-manual.html b/css/css-writing-modes/writing-mode-vrl-table-001-manual.html
index 1705beb791531ee..d3bc9664524a6f4 100644
--- a/css/css-writing-modes/writing-mode-vrl-table-001-manual.html
+++ b/css/css-writing-modes/writing-mode-vrl-table-001-manual.html
@@ -9,7 +9,7 @@
 <style type="text/css">
 @font-face {
     font-family: "webfont";
-    src: url("../../fonts/mplus-1p-regular.woff") format("woff");
+    src: url("/fonts/mplus-1p-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     }
@@ -30,4 +30,4 @@
 </tbody></table>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>