fix: Use specified font families on SVG (#910)

* fix: Use specified font families on SVG * test: Remove unused imports * test: Enable disabled test case
ietf-tools · Oct 11, 2022 · 12a960e · 12a960e
1 parent 08605de
commit 12a960e
Show file tree

Hide file tree

Showing 18 changed files with 168 additions and 86 deletions.
diff --git a/test.py b/test.py
@@ -4,8 +4,6 @@
 import difflib
 import lxml
 import re
-import six
-import tempfile
 import unittest
 import xml2rfc
 import xml2rfc.utils
@@ -364,7 +362,7 @@ def test_status_ietf_exp_yes(self):
         self.set_valid('tests/valid/status_ietf_exp_yes.txt')
         return self.status_test()
 
-    def test_status_ietf_exp_yes(self):
+    def test_status_ietf_exp_no(self):
         self.set_root_attrs('IETF', 'exp', 'no')
         self.set_valid('tests/valid/status_ietf_exp_no.txt')
         return self.status_test()
@@ -522,5 +520,57 @@ def test_flatten_unicode_spans(self):
         output_html = self.pdf_writer.flatten_unicode_spans(input_html)
         self.assertEqual(output_html, '<body><p>foobar</p></body>')
 
+
+class HtmlWriterTest(unittest.TestCase):
+    '''HtmlWriter tests'''
+
+    def setUp(self):
+        xml2rfc.log.quiet = True
+        path = 'tests/input/elements.xml'
+        self.parser = xml2rfc.XmlRfcParser(path,
+                                           quiet=True,
+                                           options=default_options,
+                                           **options_for_xmlrfcparser)
+        self.xmlrfc = self.parser.parse()
+        self.writer = xml2rfc.HtmlWriter(self.xmlrfc, quiet=True)
+
+    def test_get_font_family(self):
+        font_families = {
+                'serif': 'Noto Serif',
+                'sans-serif': 'Noto Sans',
+                'monospace': 'Roboto Mono',
+                'inherit': 'inherit'}
+
+        for value, font_family in font_families.items():
+            self.assertEqual(self.writer.get_font_family(value), font_family)
+
+    def test_set_font_family(self):
+        input_svg = lxml.etree.fromstring('''
+<svg xmlns="http://www.w3.org/2000/svg">
+  <path />
+  <g>
+    <text>foobar</text>
+    <text font-family="serif">serif</text>
+    <text font-family="inherit">inherit</text>
+    <text font-family="monospace">monospace</text>
+    <text font-family="sans-serif">sans-serif'</text>
+  </g>
+</svg>''')
+        expected_svg = lxml.etree.tostring(lxml.etree.fromstring('''
+<svg xmlns="http://www.w3.org/2000/svg">
+  <path />
+  <g>
+    <text>foobar</text>
+    <text font-family="Noto Serif">serif</text>
+    <text font-family="inherit">inherit</text>
+    <text font-family="Roboto Mono">monospace</text>
+    <text font-family="Noto Sans">sans-serif'</text>
+  </g>
+</svg>'''))
+        result_svg = self.writer.set_font_family(input_svg)
+        result = lxml.etree.tostring(result_svg)
+        self.assertEqual(result, expected_svg)
+
+
 if __name__ == '__main__':
     unittest.main()
diff --git a/tests/valid/docfile.html b/tests/valid/docfile.html
@@ -4,15 +4,15 @@
 <meta charset="utf-8">
 <meta content="Cherokee,Common,Greek,Latin" name="scripts">
 <meta content="initial-scale=1.0" name="viewport">
-<title>Xml2rfc Vocabulary Version 3 Schema xml2rfc release 3.14.2</title>
+<title>Xml2rfc Vocabulary Version 3 Schema xml2rfc release 3.15.0</title>
 <meta content="xml2rfc(1)" name="author">
 <meta content="
        
        This document provides information about the XML schema implemented in this release of xml2rfc, and the individual elements of that schema.  The document is generated from the RNG schema file that is part of the xml2rfc distribution, so schema information in this document should always be in sync with the schema in actual use.  The textual descriptions depend on manual updates in order to reflect the implementation.
        
     " name="description">
-<meta content="xml2rfc 3.14.2" name="generator">
-<meta content="xml2rfc-docs-3.14.2" name="ietf.draft">
+<meta content="xml2rfc 3.15.0" name="generator">
+<meta content="xml2rfc-docs-3.15.0" name="ietf.draft">
 <link href="tests/out/docfile.xml" rel="alternate" type="application/rfc+xml">
 <link href="#copyright" rel="license">
 <link href="xml2rfc.css" rel="stylesheet">
@@ -24,7 +24,7 @@
 <thead><tr>
 <td class="left"></td>
 <td class="center">Xml2rfc Vocabulary V3 Schema</td>
-<td class="right">September 2022</td>
+<td class="right">October 2022</td>
 </tr></thead>
 <tfoot><tr>
 <td class="left">xml2rfc(1)</td>
@@ -39,7 +39,7 @@
 <dd class="workgroup">xml2rfc(1)</dd>
 <dt class="label-published">Published:</dt>
 <dd class="published">
-<time datetime="2022-09-22" class="published">22 September 2022</time>
+<time datetime="2022-10-11" class="published">11 October 2022</time>
     </dd>
 <dt class="label-authors">Author:</dt>
 <dd class="authors">
@@ -49,7 +49,7 @@
 </dd>
 </dl>
 </div>
-<h1 id="title">Xml2rfc Vocabulary Version 3 Schema<br>xml2rfc release 3.14.2</h1>
+<h1 id="title">Xml2rfc Vocabulary Version 3 Schema<br>xml2rfc release 3.15.0</h1>
 <section id="section-abstract">
       <h2 id="abstract"><a href="#abstract" class="selfRef">Abstract</a></h2>
 <p id="section-abstract-1">
@@ -371,7 +371,7 @@ <h2 id="name-introduction">
 <p id="section-1-5">
        The latest version of this documentation is available in HTML form at <span><a href="https://ietf-tools.github.io/xml2rfc/">https://ietf-tools.github.io/xml2rfc/</a></span>.<a href="#section-1-5" class="pilcrow">¶</a></p>
 <p id="section-1-6">
-            This documentation applies to xml2rfc version 3.14.2.<a href="#section-1-6" class="pilcrow">¶</a></p>
+            This documentation applies to xml2rfc version 3.15.0.<a href="#section-1-6" class="pilcrow">¶</a></p>
 </section>
 <section id="section-2">
       <h2 id="name-schema-version-3-elements">
@@ -6355,7 +6355,7 @@ <h2 id="name-xml2rfc-documentation-templ">
 <p id="appendix-D-1">
 
             The following variables are available for use in an xml2rfc
-            manpage Jinja2 template, as of xml2rfc version 3.14.2:<a href="#appendix-D-1" class="pilcrow">¶</a></p>
+            manpage Jinja2 template, as of xml2rfc version 3.15.0:<a href="#appendix-D-1" class="pilcrow">¶</a></p>
 <span class="break"></span><dl class="dlNewline" id="appendix-D-2">
         <dt id="appendix-D-2.1">{{ bare_latin_tags }}:</dt>
         <dd style="margin-left: 1.5em" id="appendix-D-2.2"></dd>

diff --git a/tests/valid/draft-miek-test.html b/tests/valid/draft-miek-test.html
@@ -16,7 +16,7 @@
             This version is adapted to work with "xml2rfc" version 2.x.  
        
     ' name="description">
-<meta content="xml2rfc 3.14.2" name="generator">
+<meta content="xml2rfc 3.15.0" name="generator">
 <meta content="RFC" name="keyword">
 <meta content="Request for Comments" name="keyword">
 <meta content="I-D" name="keyword">
@@ -26,8 +26,8 @@
 <meta content="Extensible Markup Language" name="keyword">
 <meta content="draft-gieben-writing-rfcs-pandoc-02" name="ietf.draft">
 <!-- Generator version information:
-  xml2rfc 3.14.2
-    Python 3.9.14
+  xml2rfc 3.15.0
+    Python 3.9.13
     appdirs 1.4.4
     ConfigArgParse 1.5.3
     google-i18n-address 2.5.2
@@ -40,7 +40,7 @@
     pycountry 22.3.5
     PyYAML 6.0
     requests 2.28.1
-    setuptools 65.3.0
+    setuptools 63.4.1
     six 1.16.0
     weasyprint 56.1
 -->

diff --git a/tests/valid/draft-template.html b/tests/valid/draft-template.html
@@ -11,12 +11,12 @@
        Insert an abstract: MANDATORY. This template is for creating an
       Internet Draft. 
     " name="description">
-<meta content="xml2rfc 3.14.2" name="generator">
+<meta content="xml2rfc 3.15.0" name="generator">
 <meta content="template" name="keyword">
 <meta content="draft-ietf-xml2rfc-template-05" name="ietf.draft">
 <!-- Generator version information:
-  xml2rfc 3.14.2
-    Python 3.9.14
+  xml2rfc 3.15.0
+    Python 3.9.13
     appdirs 1.4.4
     ConfigArgParse 1.5.3
     google-i18n-address 2.5.2
@@ -29,7 +29,7 @@
     pycountry 22.3.5
     PyYAML 6.0
     requests 2.28.1
-    setuptools 65.3.0
+    setuptools 63.4.1
     six 1.16.0
     weasyprint 56.1
 -->
@@ -1397,7 +1397,7 @@ <h2 id="name-figures-2">
 <figure id="figure-1">
         <div id="section-3-3.1">
           <div class="alignLeft art-svg artwork" id="section-3-3.1.1">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
               <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
               <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
               <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>

diff --git a/tests/valid/draft-template.v3.html b/tests/valid/draft-template.v3.html
@@ -11,7 +11,7 @@
        Insert an abstract: MANDATORY. This template is for creating an
       Internet Draft. 
     " name="description">
-<meta content="xml2rfc 3.14.2" name="generator">
+<meta content="xml2rfc 3.15.0" name="generator">
 <meta content="template" name="keyword">
 <meta content="draft-ietf-xml2rfc-template-05" name="ietf.draft">
 <link href="tests/input/draft-template.xml" rel="alternate" type="application/rfc+xml">
@@ -231,7 +231,7 @@ <h2 id="name-figures">
 <figure id="figure-1">
         <div id="section-3-3.1">
           <div class="alignLeft art-svg artwork" id="section-3-3.1.1">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
               <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
               <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
               <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>

diff --git a/tests/valid/draft-v3-features.v3.html b/tests/valid/draft-v3-features.v3.html
@@ -13,7 +13,7 @@
         This document tests features introduced in xml2rfc v3 vocabulary.
        
     " name="description">
-<meta content="xml2rfc 3.14.2" name="generator">
+<meta content="xml2rfc 3.15.0" name="generator">
 <meta content="draft-v3-features" name="ietf.draft">
 <link href="tests/input/draft-v3-features.xml" rel="alternate" type="application/rfc+xml">
 <link href="#copyright" rel="license">
@@ -929,7 +929,7 @@ <h3 id="name-inline-with-alt-attribute">
         </h3>
 <p id="section-8.1-1" class="keepWithNext">Text before...<a href="#section-8.1-1" class="pilcrow">¶</a></p>
 <div class="alignLeft art-svg artwork" id="section-8.1-2">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
             <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
             <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
             <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>
@@ -943,7 +943,7 @@ <h3 id="name-inline-left">
         </h3>
 <p id="section-8.2-1" class="keepWithNext">Text before...<a href="#section-8.2-1" class="pilcrow">¶</a></p>
 <div class="alignLeft art-svg artwork" id="section-8.2-2">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
             <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
             <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
             <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>
@@ -957,7 +957,7 @@ <h3 id="name-inline-centered">
         </h3>
 <p id="section-8.3-1" class="keepWithNext">Text before...<a href="#section-8.3-1" class="pilcrow">¶</a></p>
 <div class="alignCenter art-svg artwork" id="section-8.3-2">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
             <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
             <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
             <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>
@@ -971,7 +971,7 @@ <h3 id="name-inline-right">
         </h3>
 <p id="section-8.4-1" class="keepWithNext">Text before...<a href="#section-8.4-1" class="pilcrow">¶</a></p>
 <div class="alignRight art-svg artwork" id="section-8.4-2">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
             <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
             <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
             <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>
@@ -985,7 +985,7 @@ <h3 id="name-included-type-svg">
         </h3>
 <span id="name-references-of"></span><figure id="figure-1">
           <div class="alignLeft art-svg artwork" id="section-8.5-1.1">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
               <desc>(external file)</desc>
               <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
               <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
@@ -994,7 +994,7 @@ <h3 id="name-included-type-svg">
           </div>
 <div id="section-8.5-1.2">
             <div class="alignLeft art-svg artwork" id="section-8.5-1.2.1">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
                 <desc>(external file with internal ascii art)</desc>
                 <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
                 <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>

diff --git a/tests/valid/elements.v3.html b/tests/valid/elements.v3.html
@@ -15,7 +15,7 @@
 <meta content="
        This is the abstract. 
     " name="description">
-<meta content="xml2rfc 3.14.2" name="generator">
+<meta content="xml2rfc 3.15.0" name="generator">
 <meta content="elements-00" name="ietf.draft">
 <link href="tests/input/elements.xml" rel="alternate" type="application/rfc+xml">
 <link href="#copyright" rel="license">
@@ -535,7 +535,7 @@ <h2 id="name-unordered-list-with-sub-ele">
                   Unordered list, third bullet, eight and ninth element: Text and SVG Artwork:<a href="#section-3-1.3.9" class="pilcrow">¶</a></p>
 <div id="section-3-1.3.10">
             <div class="alignRight art-svg artwork" id="section-3-1.3.10.1">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
                 <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
                 <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
                 <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>
@@ -546,7 +546,7 @@ <h2 id="name-unordered-list-with-sub-ele">
         <li class="normal" id="section-3-1.4">
           <p id="section-3-1.4.1">Artset include with &lt;xi:include&gt;<a href="#section-3-1.4.1" class="pilcrow">¶</a></p>
 <div class="alignLeft art-svg artwork" id="section-3-1.4.2">
-<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57">
+<svg xmlns="http://www.w3.org/2000/svg" width="175" height="57" viewBox="0 0 175 57" font-family="Noto Serif">
               <path d="M60,2l12,12l-12,12l-12-12zM88,2l12,12l-12,12l-12-12zM116,2l12,12l-12,12l-12-12zM18,16l12,12l-12,12l-12-12zM46,16l12,12l-12,12l-12-12zM74,16l12,12l-12,12l-12-12zM102,16l12,12l-12,12l-12-12zM130,16l12,12l-12,12l-12-12zM158,16l12,12l-12,12l-12-12zM60,30l12,12l-12,12l-12-12zM88,30l12,12l-12,12l-12-12zM116,30l12,12l-12,12l-12-12z" fill="black"></path>
               <path stroke="black" stroke-width="0.5" d="M7,27h26l13,13l14-14l14,14l28-28l14,14l14-14l15,15h26v3h-27l-14-14l-14,14l-14-14l-28,28l-14-14l-14,14l-14-14h-25z" fill="white"></path>
               <path d="M3,26h5v5h-5zM168,26h5v5h-5z"></path>
@@ -556,7 +556,7 @@ <h2 id="name-unordered-list-with-sub-ele">
         <li class="normal" id="section-3-1.5">
           <p id="section-3-1.5.1">Unicode SVG rendering test<a href="#section-3-1.5.1" class="pilcrow">¶</a></p>
 <div class="alignCenter art-svg artwork" id="section-3-1.5.2">
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 64">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 64" font-family="Noto Serif">
               <path d="M 8,16 L 8,48" fill="none" stroke="black"></path>
               <path d="M 64,16 L 64,48" fill="none" stroke="black"></path>
               <path d="M 8,16 L 64,16" fill="none" stroke="black"></path>