From f3f03edba8a51475503cc9c11144fa316a4abe1f Mon Sep 17 00:00:00 2001
From: Patrick Huesmann <info@patrick-huesmann.de>
Date: Thu, 25 Jan 2024 11:05:13 +0100
Subject: [PATCH 1/4] Remove <g> for empty background section

---
 svgscreen/template.svg | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/svgscreen/template.svg b/svgscreen/template.svg
index ccd4651..0f04384 100644
--- a/svgscreen/template.svg
+++ b/svgscreen/template.svg
@@ -65,11 +65,13 @@ whitespace only tspan:s preventing underline to be properly rendered.
 {{- if not .Transparent}}
     <rect width="100%" height="100%" x="0" y="0" style="fill: {{$.Background.Default}}"/>
 {{- end}}
+{{- if len $.Dom.BgRects}}
 <g class="bg">
 {{- range $ri, $r := .Dom.BgRects}}
 <rect x="{{$r.X}}" y="{{$r.Y}}" width="{{$r.Width}}" height="{{$r.Height}}" class="{{$r.Color}}"/>
 {{- end}}
 </g>
+{{- end}}
 <g x="0">
 {{- range $li, $l := .Dom.TextElements}}
 <text y="{{$l.Y}}">{{- range $si, $s := $l.TextSpans}}<tspan{{if ne $s.X ""}} x="{{ $s.X }}"{{end}}{{if ne $s.Color ""}} class="{{$s.Color}}"{{end}}{{if ne $s.Style ""}} style="{{ $s.Style }}"{{end}}{{if ne $s.Decoration ""}} text-decoration="{{ $s.Decoration }}"{{end}}>{{$s.Content}}</tspan>{{- /* no new line */ -}}{{- end}}</text>

From a438648fede0710615792e5e902cd55b5ec775fe Mon Sep 17 00:00:00 2001
From: Patrick Huesmann <info@patrick-huesmann.de>
Date: Thu, 25 Jan 2024 11:40:18 +0100
Subject: [PATCH 2/4] Use CSS classes for font style & decoration

---
 svgscreen/svgscreen.go | 47 +++++++++++++++++++++++++-----------------
 svgscreen/template.svg | 22 +++++++++++++++++++-
 2 files changed, 49 insertions(+), 20 deletions(-)

diff --git a/svgscreen/svgscreen.go b/svgscreen/svgscreen.go
index 34f72de..b58f6e7 100644
--- a/svgscreen/svgscreen.go
+++ b/svgscreen/svgscreen.go
@@ -37,11 +37,9 @@ type BoxSize struct {
 }
 
 type textSpan struct {
-	X          string
-	Style      template.CSS
-	Decoration template.CSS
-	Color      string
-	Content    string
+	X       string
+	Class   string
+	Content string
 }
 
 type textElement struct {
@@ -68,6 +66,12 @@ type SvgDom struct {
 	BgCustomColors []string
 	BgRects        []bgRect
 	TextElements   []textElement
+	ClassesUsed    struct {
+		Bold          bool
+		Italic        bool
+		Underline     bool
+		Strikethrough bool
+	}
 }
 
 type ColorMap struct {
@@ -133,26 +137,32 @@ func (s *Screen) resolveColor(c string, cmap *ColorMap) string {
 }
 
 func (s *Screen) charToFgText(c Char) textSpan {
-	var styles []string
-	deco := ""
+	var classes []string
 
 	if c.Intensity {
-		styles = append(styles, "font-weight:bold")
+		classes = append(classes, "bold")
+		s.Dom.ClassesUsed.Bold = true
 	}
 	if c.Italic {
-		styles = append(styles, "font-style:italic")
+		classes = append(classes, "italic")
+		s.Dom.ClassesUsed.Italic = true
 	}
 	if c.Underline {
-		deco = "underline"
+		classes = append(classes, "underline")
+		s.Dom.ClassesUsed.Underline = true
 	} else if c.Strikethrough {
-		deco = "line-through"
+		classes = append(classes, "strikethrough")
+		s.Dom.ClassesUsed.Strikethrough = true
+	}
+
+	color := s.resolveColor(c.Foreground, &s.Foreground)
+	if color != "" {
+		classes = append(classes, color)
 	}
 
 	return textSpan{
-		Style:      template.CSS(strings.Join(styles, ";")),
-		Decoration: template.CSS(deco),
-		Color:      s.resolveColor(c.Foreground, &s.Foreground),
-		Content:    c.Char,
+		Class:   strings.Join(classes, " "),
+		Content: c.Char,
 	}
 }
 
@@ -161,9 +171,8 @@ func (s *Screen) charToFgText(c Char) textSpan {
 func (s *Screen) lineToTextElement(l Line) textElement {
 	var t []textSpan
 	currentSpan := textSpan{
-		Style:      "",
-		Decoration: "",
-		Content:    "",
+		Class:   "",
+		Content: "",
 	}
 
 	appendSpan := func() {
@@ -179,7 +188,7 @@ func (s *Screen) lineToTextElement(l Line) textElement {
 			tempSpan.X = s.columnCoordinate(col)
 		}
 		// Consolidate tempSpan to currentSpan only if not in grid mode and both spans have same style
-		if s.GridMode || tempSpan.Color != currentSpan.Color || tempSpan.Style != currentSpan.Style || tempSpan.Decoration != currentSpan.Decoration {
+		if s.GridMode || tempSpan.Class != currentSpan.Class {
 			appendSpan()
 			currentSpan = tempSpan
 			continue
diff --git a/svgscreen/template.svg b/svgscreen/template.svg
index 0f04384..33a5a56 100644
--- a/svgscreen/template.svg
+++ b/svgscreen/template.svg
@@ -33,6 +33,26 @@ whitespace only tspan:s preventing underline to be properly rendered.
         .bg {
             stroke-width: "0.5px";
         }
+{{- if $.Dom.ClassesUsed.Bold}}
+        .bold {
+            font-weight: bold;
+        }
+{{- end}}
+{{- if $.Dom.ClassesUsed.Italic}}
+        .italic {
+            font-style: italic;
+        }
+{{- end}}
+{{- if $.Dom.ClassesUsed.Underline}}
+        .underline {
+            text-decoration: underline;
+        }
+{{- end}}
+{{- if $.Dom.ClassesUsed.Strikethrough}}
+        .strikethrough {
+            text-decoration: line-through;
+        }
+{{- end}}
 {{- if anyColorUsed $.Background.ANSIUsed}}
         <!-- Background ANSI colors -->
 {{- end}}
@@ -74,7 +94,7 @@ whitespace only tspan:s preventing underline to be properly rendered.
 {{- end}}
 <g x="0">
 {{- range $li, $l := .Dom.TextElements}}
-<text y="{{$l.Y}}">{{- range $si, $s := $l.TextSpans}}<tspan{{if ne $s.X ""}} x="{{ $s.X }}"{{end}}{{if ne $s.Color ""}} class="{{$s.Color}}"{{end}}{{if ne $s.Style ""}} style="{{ $s.Style }}"{{end}}{{if ne $s.Decoration ""}} text-decoration="{{ $s.Decoration }}"{{end}}>{{$s.Content}}</tspan>{{- /* no new line */ -}}{{- end}}</text>
+<text y="{{$l.Y}}">{{- range $si, $s := $l.TextSpans}}<tspan{{if ne $s.X ""}} x="{{ $s.X }}"{{end}}{{if ne $s.Class ""}} class="{{$s.Class}}"{{end}}>{{$s.Content}}</tspan>{{- end}}</text>
 {{- end}}
 </g>
 </svg>

From 5d3139ea893fc71343fdf118ec38ee127258c320 Mon Sep 17 00:00:00 2001
From: Patrick Huesmann <info@patrick-huesmann.de>
Date: Thu, 25 Jan 2024 12:01:59 +0100
Subject: [PATCH 3/4] Consolidate whitespace regardless of CSS class

---
 svgscreen/svgscreen.go | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/svgscreen/svgscreen.go b/svgscreen/svgscreen.go
index b58f6e7..30b9a10 100644
--- a/svgscreen/svgscreen.go
+++ b/svgscreen/svgscreen.go
@@ -182,18 +182,23 @@ func (s *Screen) lineToTextElement(l Line) textElement {
 		t = append(t, currentSpan)
 	}
 	for col, c := range l.Chars {
-		tempSpan := s.charToFgText(c)
+		newSpan := s.charToFgText(c)
 		if s.GridMode {
-			// If in grid mode, set X coordinate for each text span
-			tempSpan.X = s.columnCoordinate(col)
+			// In grid mode, set X coordinate for each text span
+			newSpan.X = s.columnCoordinate(col)
+			// In grid mode, we never consolidate
+			appendSpan()
+			currentSpan = newSpan
+			continue
 		}
-		// Consolidate tempSpan to currentSpan only if not in grid mode and both spans have same style
-		if s.GridMode || tempSpan.Class != currentSpan.Class {
+		// Don't consolidate if class is changing, but ignore whitespace
+		if newSpan.Class != currentSpan.Class && strings.TrimSpace(newSpan.Content) != "" {
 			appendSpan()
-			currentSpan = tempSpan
+			currentSpan = newSpan
 			continue
 		}
-		currentSpan.Content += tempSpan.Content
+		// Consolidate new content with previous one.
+		currentSpan.Content += newSpan.Content
 	}
 	appendSpan()
 

From 997415bbbb09dc8a9b5a8cfeb672a21296d51549 Mon Sep 17 00:00:00 2001
From: Patrick Huesmann <info@patrick-huesmann.de>
Date: Fri, 26 Jan 2024 16:36:04 +0100
Subject: [PATCH 4/4] Update testdata

---
 cli/testdata/b-it-ul-st.svg                   |  24 +++--
 cli/testdata/charboxfontsize.svg              |   2 -
 cli/testdata/colortest.svg                    |  37 ++++---
 cli/testdata/colortest_slate.svg              |  37 ++++---
 cli/testdata/colortest_transparent.svg        |  37 ++++---
 cli/testdata/cowsay-osc-colon-color.svg       |  18 ++--
 cli/testdata/fontembedded.svg                 |   2 -
 cli/testdata/fontname.svg                     |   2 -
 cli/testdata/fontref.svg                      |   2 -
 cli/testdata/fq.svg                           |  19 ++--
 cli/testdata/invert_color.svg                 |   2 +-
 cli/testdata/invert_default.svg               |   2 +-
 cli/testdata/jq.svg                           |  27 ++---
 cli/testdata/main.go.bat.svg                  | 100 +++++++++---------
 cli/testdata/nonewline.svg                    |   2 -
 cli/testdata/onechar.svg                      |   2 -
 cli/testdata/onecharnewline.svg               |   2 -
 cli/testdata/oneline.svg                      |   2 -
 cli/testdata/params-colon-semicolon.svg       |   2 +-
 cli/testdata/powerline.svg                    |   5 +-
 cli/testdata/tabs.svg                         |   2 -
 cli/testdata/terminal-colors-n.svg            |  28 ++---
 cli/testdata/terminalwidth4.svg               |   2 -
 cli/testdata/underlinedefault.svg             |   9 +-
 cli/testdata/underlinenewline.svg             |   9 +-
 cli/testdata/underlinetabs.svg                |  21 ++--
 .../underlinetabs_backgroundcolor.svg         |  21 ++--
 27 files changed, 213 insertions(+), 205 deletions(-)

diff --git a/cli/testdata/b-it-ul-st.svg b/cli/testdata/b-it-ul-st.svg
index 855ac4a..7d1b9ed 100644
--- a/cli/testdata/b-it-ul-st.svg
+++ b/cli/testdata/b-it-ul-st.svg
@@ -13,16 +13,26 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .bold {
+            font-weight: bold;
+        }
+        .italic {
+            font-style: italic;
+        }
+        .underline {
+            text-decoration: underline;
+        }
+        .strikethrough {
+            text-decoration: line-through;
+        }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>regular</tspan></text>
-<text y="1.5em"><tspan style="font-weight:bold">bold</tspan></text>
-<text y="2.5em"><tspan style="font-style:italic">italic</tspan></text>
-<text y="3.5em"><tspan style="font-weight:bold;font-style:italic">bold italic</tspan></text>
-<text y="4.5em"><tspan text-decoration="underline">underline</tspan></text>
-<text y="5.5em"><tspan text-decoration="line-through">strikethrough</tspan></text>
+<text y="1.5em"><tspan class="bold">bold</tspan></text>
+<text y="2.5em"><tspan class="italic">italic</tspan></text>
+<text y="3.5em"><tspan class="bold italic">bold italic</tspan></text>
+<text y="4.5em"><tspan class="underline">underline</tspan></text>
+<text y="5.5em"><tspan class="strikethrough">strikethrough</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/charboxfontsize.svg b/cli/testdata/charboxfontsize.svg
index 29fae3e..1aedbdf 100644
--- a/cli/testdata/charboxfontsize.svg
+++ b/cli/testdata/charboxfontsize.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="25px"><tspan x="0px">h</tspan><tspan x="50px">e</tspan><tspan x="100px">l</tspan><tspan x="150px">l</tspan><tspan x="200px">o</tspan></text>
 <text y="75px"><tspan x="0px">w</tspan><tspan x="50px">o</tspan><tspan x="100px">r</tspan><tspan x="150px">l</tspan><tspan x="200px">d</tspan></text>
diff --git a/cli/testdata/colortest.svg b/cli/testdata/colortest.svg
index 0313fcf..d17f932 100644
--- a/cli/testdata/colortest.svg
+++ b/cli/testdata/colortest.svg
@@ -13,6 +13,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .bold {
+            font-weight: bold;
+        }
         <!-- Background ANSI colors -->
         .ba0 { stroke: #000000; fill: #000000; }
         .ba1 { stroke: #bb0000; fill: #bb0000; }
@@ -182,22 +185,22 @@
 <g x="0">
 <text y="1.5em"><tspan>                 40m     41m     42m     43m     44m     45m     46m     47m</tspan></text>
 <text y="2.5em"><tspan>     m   gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
-<text y="3.5em"><tspan>    1m </tspan><tspan style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan></text>
-<text y="4.5em"><tspan>   30m </tspan><tspan class="fa0">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan></text>
-<text y="5.5em"><tspan> 1;30m </tspan><tspan class="fa0" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan></text>
-<text y="6.5em"><tspan>   31m </tspan><tspan class="fa1">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan></text>
-<text y="7.5em"><tspan> 1;31m </tspan><tspan class="fa1" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan></text>
-<text y="8.5em"><tspan>   32m </tspan><tspan class="fa2">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan></text>
-<text y="9.5em"><tspan> 1;32m </tspan><tspan class="fa2" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan></text>
-<text y="10.5em"><tspan>   33m </tspan><tspan class="fa3">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan></text>
-<text y="11.5em"><tspan> 1;33m </tspan><tspan class="fa3" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan></text>
-<text y="12.5em"><tspan>   34m </tspan><tspan class="fa4">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan></text>
-<text y="13.5em"><tspan> 1;34m </tspan><tspan class="fa4" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan></text>
-<text y="14.5em"><tspan>   35m </tspan><tspan class="fa5">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan></text>
-<text y="15.5em"><tspan> 1;35m </tspan><tspan class="fa5" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan></text>
-<text y="16.5em"><tspan>   36m </tspan><tspan class="fa6">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan></text>
-<text y="17.5em"><tspan> 1;36m </tspan><tspan class="fa6" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan></text>
-<text y="18.5em"><tspan>   37m </tspan><tspan class="fa7">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan></text>
-<text y="19.5em"><tspan> 1;37m </tspan><tspan class="fa7" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan></text>
+<text y="3.5em"><tspan>    1m   </tspan><tspan class="bold">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="4.5em"><tspan>   30m   </tspan><tspan class="fa0">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="5.5em"><tspan> 1;30m   </tspan><tspan class="bold fa0">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="6.5em"><tspan>   31m   </tspan><tspan class="fa1">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="7.5em"><tspan> 1;31m   </tspan><tspan class="bold fa1">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="8.5em"><tspan>   32m   </tspan><tspan class="fa2">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="9.5em"><tspan> 1;32m   </tspan><tspan class="bold fa2">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="10.5em"><tspan>   33m   </tspan><tspan class="fa3">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="11.5em"><tspan> 1;33m   </tspan><tspan class="bold fa3">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="12.5em"><tspan>   34m   </tspan><tspan class="fa4">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="13.5em"><tspan> 1;34m   </tspan><tspan class="bold fa4">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="14.5em"><tspan>   35m   </tspan><tspan class="fa5">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="15.5em"><tspan> 1;35m   </tspan><tspan class="bold fa5">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="16.5em"><tspan>   36m   </tspan><tspan class="fa6">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="17.5em"><tspan> 1;36m   </tspan><tspan class="bold fa6">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="18.5em"><tspan>   37m   </tspan><tspan class="fa7">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="19.5em"><tspan> 1;37m   </tspan><tspan class="bold fa7">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/colortest_slate.svg b/cli/testdata/colortest_slate.svg
index c909e99..964fdfa 100644
--- a/cli/testdata/colortest_slate.svg
+++ b/cli/testdata/colortest_slate.svg
@@ -13,6 +13,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .bold {
+            font-weight: bold;
+        }
         <!-- Background ANSI colors -->
         .ba0 { stroke: #222222; fill: #222222; }
         .ba1 { stroke: #e2a8bf; fill: #e2a8bf; }
@@ -182,22 +185,22 @@
 <g x="0">
 <text y="1.5em"><tspan>                 40m     41m     42m     43m     44m     45m     46m     47m</tspan></text>
 <text y="2.5em"><tspan>     m   gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
-<text y="3.5em"><tspan>    1m </tspan><tspan style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan></text>
-<text y="4.5em"><tspan>   30m </tspan><tspan class="fa0">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan></text>
-<text y="5.5em"><tspan> 1;30m </tspan><tspan class="fa0" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan></text>
-<text y="6.5em"><tspan>   31m </tspan><tspan class="fa1">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan></text>
-<text y="7.5em"><tspan> 1;31m </tspan><tspan class="fa1" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan></text>
-<text y="8.5em"><tspan>   32m </tspan><tspan class="fa2">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan></text>
-<text y="9.5em"><tspan> 1;32m </tspan><tspan class="fa2" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan></text>
-<text y="10.5em"><tspan>   33m </tspan><tspan class="fa3">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan></text>
-<text y="11.5em"><tspan> 1;33m </tspan><tspan class="fa3" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan></text>
-<text y="12.5em"><tspan>   34m </tspan><tspan class="fa4">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan></text>
-<text y="13.5em"><tspan> 1;34m </tspan><tspan class="fa4" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan></text>
-<text y="14.5em"><tspan>   35m </tspan><tspan class="fa5">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan></text>
-<text y="15.5em"><tspan> 1;35m </tspan><tspan class="fa5" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan></text>
-<text y="16.5em"><tspan>   36m </tspan><tspan class="fa6">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan></text>
-<text y="17.5em"><tspan> 1;36m </tspan><tspan class="fa6" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan></text>
-<text y="18.5em"><tspan>   37m </tspan><tspan class="fa7">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan></text>
-<text y="19.5em"><tspan> 1;37m </tspan><tspan class="fa7" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan></text>
+<text y="3.5em"><tspan>    1m   </tspan><tspan class="bold">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="4.5em"><tspan>   30m   </tspan><tspan class="fa0">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="5.5em"><tspan> 1;30m   </tspan><tspan class="bold fa0">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="6.5em"><tspan>   31m   </tspan><tspan class="fa1">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="7.5em"><tspan> 1;31m   </tspan><tspan class="bold fa1">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="8.5em"><tspan>   32m   </tspan><tspan class="fa2">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="9.5em"><tspan> 1;32m   </tspan><tspan class="bold fa2">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="10.5em"><tspan>   33m   </tspan><tspan class="fa3">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="11.5em"><tspan> 1;33m   </tspan><tspan class="bold fa3">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="12.5em"><tspan>   34m   </tspan><tspan class="fa4">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="13.5em"><tspan> 1;34m   </tspan><tspan class="bold fa4">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="14.5em"><tspan>   35m   </tspan><tspan class="fa5">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="15.5em"><tspan> 1;35m   </tspan><tspan class="bold fa5">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="16.5em"><tspan>   36m   </tspan><tspan class="fa6">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="17.5em"><tspan> 1;36m   </tspan><tspan class="bold fa6">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="18.5em"><tspan>   37m   </tspan><tspan class="fa7">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="19.5em"><tspan> 1;37m   </tspan><tspan class="bold fa7">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/colortest_transparent.svg b/cli/testdata/colortest_transparent.svg
index d9750ca..73203f4 100644
--- a/cli/testdata/colortest_transparent.svg
+++ b/cli/testdata/colortest_transparent.svg
@@ -13,6 +13,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .bold {
+            font-weight: bold;
+        }
         <!-- Background ANSI colors -->
         .ba0 { stroke: #000000; fill: #000000; }
         .ba1 { stroke: #bb0000; fill: #bb0000; }
@@ -181,22 +184,22 @@
 <g x="0">
 <text y="1.5em"><tspan>                 40m     41m     42m     43m     44m     45m     46m     47m</tspan></text>
 <text y="2.5em"><tspan>     m   gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
-<text y="3.5em"><tspan>    1m </tspan><tspan style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan style="font-weight:bold">  gYw  </tspan></text>
-<text y="4.5em"><tspan>   30m </tspan><tspan class="fa0">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan><tspan> </tspan><tspan class="fa0">  gYw  </tspan></text>
-<text y="5.5em"><tspan> 1;30m </tspan><tspan class="fa0" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa0" style="font-weight:bold">  gYw  </tspan></text>
-<text y="6.5em"><tspan>   31m </tspan><tspan class="fa1">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan><tspan> </tspan><tspan class="fa1">  gYw  </tspan></text>
-<text y="7.5em"><tspan> 1;31m </tspan><tspan class="fa1" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa1" style="font-weight:bold">  gYw  </tspan></text>
-<text y="8.5em"><tspan>   32m </tspan><tspan class="fa2">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan><tspan> </tspan><tspan class="fa2">  gYw  </tspan></text>
-<text y="9.5em"><tspan> 1;32m </tspan><tspan class="fa2" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa2" style="font-weight:bold">  gYw  </tspan></text>
-<text y="10.5em"><tspan>   33m </tspan><tspan class="fa3">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan><tspan> </tspan><tspan class="fa3">  gYw  </tspan></text>
-<text y="11.5em"><tspan> 1;33m </tspan><tspan class="fa3" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa3" style="font-weight:bold">  gYw  </tspan></text>
-<text y="12.5em"><tspan>   34m </tspan><tspan class="fa4">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan><tspan> </tspan><tspan class="fa4">  gYw  </tspan></text>
-<text y="13.5em"><tspan> 1;34m </tspan><tspan class="fa4" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa4" style="font-weight:bold">  gYw  </tspan></text>
-<text y="14.5em"><tspan>   35m </tspan><tspan class="fa5">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan><tspan> </tspan><tspan class="fa5">  gYw  </tspan></text>
-<text y="15.5em"><tspan> 1;35m </tspan><tspan class="fa5" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa5" style="font-weight:bold">  gYw  </tspan></text>
-<text y="16.5em"><tspan>   36m </tspan><tspan class="fa6">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan><tspan> </tspan><tspan class="fa6">  gYw  </tspan></text>
-<text y="17.5em"><tspan> 1;36m </tspan><tspan class="fa6" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa6" style="font-weight:bold">  gYw  </tspan></text>
-<text y="18.5em"><tspan>   37m </tspan><tspan class="fa7">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan><tspan> </tspan><tspan class="fa7">  gYw  </tspan></text>
-<text y="19.5em"><tspan> 1;37m </tspan><tspan class="fa7" style="font-weight:bold">  gYw     gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan><tspan> </tspan><tspan class="fa7" style="font-weight:bold">  gYw  </tspan></text>
+<text y="3.5em"><tspan>    1m   </tspan><tspan class="bold">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="4.5em"><tspan>   30m   </tspan><tspan class="fa0">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="5.5em"><tspan> 1;30m   </tspan><tspan class="bold fa0">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="6.5em"><tspan>   31m   </tspan><tspan class="fa1">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="7.5em"><tspan> 1;31m   </tspan><tspan class="bold fa1">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="8.5em"><tspan>   32m   </tspan><tspan class="fa2">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="9.5em"><tspan> 1;32m   </tspan><tspan class="bold fa2">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="10.5em"><tspan>   33m   </tspan><tspan class="fa3">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="11.5em"><tspan> 1;33m   </tspan><tspan class="bold fa3">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="12.5em"><tspan>   34m   </tspan><tspan class="fa4">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="13.5em"><tspan> 1;34m   </tspan><tspan class="bold fa4">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="14.5em"><tspan>   35m   </tspan><tspan class="fa5">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="15.5em"><tspan> 1;35m   </tspan><tspan class="bold fa5">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="16.5em"><tspan>   36m   </tspan><tspan class="fa6">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="17.5em"><tspan> 1;36m   </tspan><tspan class="bold fa6">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="18.5em"><tspan>   37m   </tspan><tspan class="fa7">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
+<text y="19.5em"><tspan> 1;37m   </tspan><tspan class="bold fa7">gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw     gYw  </tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/cowsay-osc-colon-color.svg b/cli/testdata/cowsay-osc-colon-color.svg
index 692ca09..224210a 100644
--- a/cli/testdata/cowsay-osc-colon-color.svg
+++ b/cli/testdata/cowsay-osc-colon-color.svg
@@ -62,16 +62,14 @@
         .fc45 { fill: #fd324f; }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
-<text y="0.5em"><tspan class="fc0"> </tspan><tspan class="fc1">_</tspan><tspan class="fc2">_</tspan><tspan class="fc3">_</tspan><tspan class="fc4">_</tspan><tspan class="fc5">_</tspan><tspan class="fc6">_</tspan><tspan class="fc7">_</tspan><tspan class="fc8">_</tspan><tspan class="fc9">_</tspan><tspan class="fc10">_</tspan><tspan class="fc11">_</tspan><tspan class="fc12">_</tspan></text>
-<text y="1.5em"><tspan class="fc3">&lt;</tspan><tspan class="fc4"> </tspan><tspan class="fc5">H</tspan><tspan class="fc6">e</tspan><tspan class="fc7">l</tspan><tspan class="fc8">l</tspan><tspan class="fc9">o</tspan><tspan class="fc10"> </tspan><tspan class="fc11">A</tspan><tspan class="fc12">N</tspan><tspan class="fc13">S</tspan><tspan class="fc14">I</tspan><tspan class="fc15"> </tspan><tspan class="fc16">&gt;</tspan></text>
-<text y="2.5em"><tspan class="fc6"> </tspan><tspan class="fc7">-</tspan><tspan class="fc8">-</tspan><tspan class="fc9">-</tspan><tspan class="fc10">-</tspan><tspan class="fc11">-</tspan><tspan class="fc12">-</tspan><tspan class="fc13">-</tspan><tspan class="fc14">-</tspan><tspan class="fc15">-</tspan><tspan class="fc16">-</tspan><tspan class="fc17">-</tspan><tspan class="fc18">-</tspan></text>
-<text y="3.5em"><tspan class="fc9"> </tspan><tspan class="fc10"> </tspan><tspan class="fc11"> </tspan><tspan class="fc12"> </tspan><tspan class="fc13"> </tspan><tspan class="fc14"> </tspan><tspan class="fc15"> </tspan><tspan class="fc16"> </tspan><tspan class="fc17">\</tspan><tspan class="fc18"> </tspan><tspan class="fc19"> </tspan><tspan class="fc20"> </tspan><tspan class="fc21">^</tspan><tspan class="fc22">_</tspan><tspan class="fc23">_</tspan><tspan class="fc24">^</tspan></text>
-<text y="4.5em"><tspan class="fc12"> </tspan><tspan class="fc13"> </tspan><tspan class="fc14"> </tspan><tspan class="fc15"> </tspan><tspan class="fc16"> </tspan><tspan class="fc17"> </tspan><tspan class="fc18"> </tspan><tspan class="fc19"> </tspan><tspan class="fc20"> </tspan><tspan class="fc21">\</tspan><tspan class="fc22"> </tspan><tspan class="fc23"> </tspan><tspan class="fc24">(</tspan><tspan class="fc25">o</tspan><tspan class="fc26">o</tspan><tspan class="fc27">)</tspan><tspan class="fc28">\</tspan><tspan class="fc29">_</tspan><tspan class="fc30">_</tspan><tspan class="fc31">_</tspan><tspan class="fc32">_</tspan><tspan class="fc33">_</tspan><tspan class="fc34">_</tspan><tspan class="fc35">_</tspan></text>
-<text y="5.5em"><tspan class="fc15"> </tspan><tspan class="fc16"> </tspan><tspan class="fc17"> </tspan><tspan class="fc18"> </tspan><tspan class="fc19"> </tspan><tspan class="fc20"> </tspan><tspan class="fc21"> </tspan><tspan class="fc22"> </tspan><tspan class="fc23"> </tspan><tspan class="fc24"> </tspan><tspan class="fc25"> </tspan><tspan class="fc26"> </tspan><tspan class="fc27">(</tspan><tspan class="fc28">_</tspan><tspan class="fc29">_</tspan><tspan class="fc30">)</tspan><tspan class="fc31">\</tspan><tspan class="fc32"> </tspan><tspan class="fc33"> </tspan><tspan class="fc34"> </tspan><tspan class="fc35"> </tspan><tspan class="fc36"> </tspan><tspan class="fc37"> </tspan><tspan class="fc38"> </tspan><tspan class="fc39">)</tspan><tspan class="fc40">\</tspan><tspan class="fc41">/</tspan><tspan class="fc42">\</tspan></text>
-<text y="6.5em"><tspan class="fc18"> </tspan><tspan class="fc19"> </tspan><tspan class="fc20"> </tspan><tspan class="fc21"> </tspan><tspan class="fc22"> </tspan><tspan class="fc23"> </tspan><tspan class="fc24"> </tspan><tspan class="fc25"> </tspan><tspan class="fc26"> </tspan><tspan class="fc27"> </tspan><tspan class="fc28"> </tspan><tspan class="fc29"> </tspan><tspan class="fc30"> </tspan><tspan class="fc31"> </tspan><tspan class="fc32"> </tspan><tspan class="fc33"> </tspan><tspan class="fc34">|</tspan><tspan class="fc35">|</tspan><tspan class="fc36">-</tspan><tspan class="fc37">-</tspan><tspan class="fc38">-</tspan><tspan class="fc39">-</tspan><tspan class="fc40">w</tspan><tspan class="fc41"> </tspan><tspan class="fc42">|</tspan></text>
-<text y="7.5em"><tspan class="fc21"> </tspan><tspan class="fc22"> </tspan><tspan class="fc23"> </tspan><tspan class="fc24"> </tspan><tspan class="fc25"> </tspan><tspan class="fc26"> </tspan><tspan class="fc27"> </tspan><tspan class="fc28"> </tspan><tspan class="fc29"> </tspan><tspan class="fc30"> </tspan><tspan class="fc31"> </tspan><tspan class="fc32"> </tspan><tspan class="fc33"> </tspan><tspan class="fc34"> </tspan><tspan class="fc35"> </tspan><tspan class="fc36"> </tspan><tspan class="fc37">|</tspan><tspan class="fc38">|</tspan><tspan class="fc39"> </tspan><tspan class="fc40"> </tspan><tspan class="fc41"> </tspan><tspan class="fc42"> </tspan><tspan class="fc43"> </tspan><tspan class="fc44">|</tspan><tspan class="fc45">|</tspan></text>
+<text y="0.5em"><tspan> </tspan><tspan class="fc1">_</tspan><tspan class="fc2">_</tspan><tspan class="fc3">_</tspan><tspan class="fc4">_</tspan><tspan class="fc5">_</tspan><tspan class="fc6">_</tspan><tspan class="fc7">_</tspan><tspan class="fc8">_</tspan><tspan class="fc9">_</tspan><tspan class="fc10">_</tspan><tspan class="fc11">_</tspan><tspan class="fc12">_</tspan></text>
+<text y="1.5em"><tspan class="fc3">&lt; </tspan><tspan class="fc5">H</tspan><tspan class="fc6">e</tspan><tspan class="fc7">l</tspan><tspan class="fc8">l</tspan><tspan class="fc9">o </tspan><tspan class="fc11">A</tspan><tspan class="fc12">N</tspan><tspan class="fc13">S</tspan><tspan class="fc14">I </tspan><tspan class="fc16">&gt;</tspan></text>
+<text y="2.5em"><tspan> </tspan><tspan class="fc7">-</tspan><tspan class="fc8">-</tspan><tspan class="fc9">-</tspan><tspan class="fc10">-</tspan><tspan class="fc11">-</tspan><tspan class="fc12">-</tspan><tspan class="fc13">-</tspan><tspan class="fc14">-</tspan><tspan class="fc15">-</tspan><tspan class="fc16">-</tspan><tspan class="fc17">-</tspan><tspan class="fc18">-</tspan></text>
+<text y="3.5em"><tspan>        </tspan><tspan class="fc17">\   </tspan><tspan class="fc21">^</tspan><tspan class="fc22">_</tspan><tspan class="fc23">_</tspan><tspan class="fc24">^</tspan></text>
+<text y="4.5em"><tspan>         </tspan><tspan class="fc21">\  </tspan><tspan class="fc24">(</tspan><tspan class="fc25">o</tspan><tspan class="fc26">o</tspan><tspan class="fc27">)</tspan><tspan class="fc28">\</tspan><tspan class="fc29">_</tspan><tspan class="fc30">_</tspan><tspan class="fc31">_</tspan><tspan class="fc32">_</tspan><tspan class="fc33">_</tspan><tspan class="fc34">_</tspan><tspan class="fc35">_</tspan></text>
+<text y="5.5em"><tspan>            </tspan><tspan class="fc27">(</tspan><tspan class="fc28">_</tspan><tspan class="fc29">_</tspan><tspan class="fc30">)</tspan><tspan class="fc31">\       </tspan><tspan class="fc39">)</tspan><tspan class="fc40">\</tspan><tspan class="fc41">/</tspan><tspan class="fc42">\</tspan></text>
+<text y="6.5em"><tspan>                </tspan><tspan class="fc34">|</tspan><tspan class="fc35">|</tspan><tspan class="fc36">-</tspan><tspan class="fc37">-</tspan><tspan class="fc38">-</tspan><tspan class="fc39">-</tspan><tspan class="fc40">w </tspan><tspan class="fc42">|</tspan></text>
+<text y="7.5em"><tspan>                </tspan><tspan class="fc37">|</tspan><tspan class="fc38">|     </tspan><tspan class="fc44">|</tspan><tspan class="fc45">|</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/fontembedded.svg b/cli/testdata/fontembedded.svg
index 9b32783..1bc4b06 100644
--- a/cli/testdata/fontembedded.svg
+++ b/cli/testdata/fontembedded.svg
@@ -19,8 +19,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>test</tspan></text>
 </g>
diff --git a/cli/testdata/fontname.svg b/cli/testdata/fontname.svg
index 49ddab6..21dd3ac 100644
--- a/cli/testdata/fontname.svg
+++ b/cli/testdata/fontname.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>test</tspan></text>
 </g>
diff --git a/cli/testdata/fontref.svg b/cli/testdata/fontref.svg
index 198ad16..0d7035f 100644
--- a/cli/testdata/fontref.svg
+++ b/cli/testdata/fontref.svg
@@ -19,8 +19,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>test</tspan></text>
 </g>
diff --git a/cli/testdata/fq.svg b/cli/testdata/fq.svg
index 186d2da..8081a81 100644
--- a/cli/testdata/fq.svg
+++ b/cli/testdata/fq.svg
@@ -13,6 +13,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .underline {
+            text-decoration: underline;
+        }
         <!-- Foreground ANSI colors -->
         .fa3 { fill: #bbbb00; }
         .fa6 { fill: #00bbbb; }
@@ -22,17 +25,15 @@
         .fa15 { fill: #ffffff; }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
-<text y="0.5em"><tspan>     |</tspan><tspan class="fa3" text-decoration="underline">00 01 02 03 04 05 06 07 08 09 0a 0b 0c 0d 0e 0f</tspan><tspan>|</tspan><tspan class="fa3" text-decoration="underline">0123456789abcdef</tspan><tspan>|.: </tspan><tspan class="fa7">{}</tspan><tspan> </tspan><tspan class="fa7">../fq/testfiles/test.mp3</tspan><tspan> (</tspan><tspan class="fa7">mp3</tspan><tspan>)</tspan></text>
-<text y="1.5em"><tspan class="fa3">0x000</tspan><tspan>|</tspan><tspan class="fa7">49</tspan><tspan> </tspan><tspan class="fa7">44</tspan><tspan> </tspan><tspan class="fa7">33</tspan><tspan> </tspan><tspan class="fa15">04</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa7">32</tspan><tspan> </tspan><tspan class="fa7">54</tspan><tspan> </tspan><tspan class="fa7">50</tspan><tspan> </tspan><tspan class="fa7">45</tspan><tspan> </tspan><tspan class="fa7">31</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan>|</tspan><tspan class="fa7">ID3</tspan><tspan class="fa15">.</tspan><tspan class="fa8">.....</tspan><tspan class="fa7">2TPE1</tspan><tspan class="fa8">..</tspan><tspan>|  </tspan><tspan class="fa12">headers</tspan><tspan>: </tspan><tspan class="fa7">[</tspan><tspan class="fa6">1</tspan><tspan class="fa7">]</tspan></text>
-<text y="2.5em"><tspan class="fa3">*</tspan><tspan>    |until 0x3b.7 (60)                              |                |</tspan></text>
-<text y="3.5em"><tspan class="fa3">0x030</tspan><tspan>|                                    </tspan><tspan class="fa15">ff</tspan><tspan> </tspan><tspan class="fa15">fb</tspan><tspan> </tspan><tspan class="fa7">50</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan>|            </tspan><tspan class="fa15">..</tspan><tspan class="fa7">P</tspan><tspan class="fa8">.</tspan><tspan>|  </tspan><tspan class="fa12">frames</tspan><tspan>: </tspan><tspan class="fa7">[</tspan><tspan class="fa6">3</tspan><tspan class="fa7">]</tspan></text>
-<text y="4.5em"><tspan class="fa3">0x040</tspan><tspan>|</tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan> </tspan><tspan class="fa8">00</tspan><tspan>|</tspan><tspan class="fa8">................</tspan><tspan>|</tspan></text>
-<text y="5.5em"><tspan class="fa3">*</tspan><tspan>    |until 0x44e.7 (1043)                           |                |</tspan></text>
+<text y="0.5em"><tspan>     |</tspan><tspan class="underline fa3">00 01 02 03 04 05 06 07 08 09 0a 0b 0c 0d 0e 0f</tspan><tspan>|</tspan><tspan class="underline fa3">0123456789abcdef</tspan><tspan>|.: </tspan><tspan class="fa7">{} ../fq/testfiles/test.mp3 </tspan><tspan>(</tspan><tspan class="fa7">mp3</tspan><tspan>)</tspan></text>
+<text y="1.5em"><tspan class="fa3">0x000</tspan><tspan>|</tspan><tspan class="fa7">49 44 33 </tspan><tspan class="fa15">04 </tspan><tspan class="fa8">00 00 00 00 00 </tspan><tspan class="fa7">32 54 50 45 31 </tspan><tspan class="fa8">00 00</tspan><tspan>|</tspan><tspan class="fa7">ID3</tspan><tspan class="fa15">.</tspan><tspan class="fa8">.....</tspan><tspan class="fa7">2TPE1</tspan><tspan class="fa8">..</tspan><tspan>|  </tspan><tspan class="fa12">headers</tspan><tspan>: </tspan><tspan class="fa7">[</tspan><tspan class="fa6">1</tspan><tspan class="fa7">]</tspan></text>
+<text y="2.5em"><tspan class="fa3">*    </tspan><tspan>|until 0x3b.7 (60)                              |                |</tspan></text>
+<text y="3.5em"><tspan class="fa3">0x030</tspan><tspan>|                                    </tspan><tspan class="fa15">ff fb </tspan><tspan class="fa7">50 </tspan><tspan class="fa8">00</tspan><tspan>|            </tspan><tspan class="fa15">..</tspan><tspan class="fa7">P</tspan><tspan class="fa8">.</tspan><tspan>|  </tspan><tspan class="fa12">frames</tspan><tspan>: </tspan><tspan class="fa7">[</tspan><tspan class="fa6">3</tspan><tspan class="fa7">]</tspan></text>
+<text y="4.5em"><tspan class="fa3">0x040</tspan><tspan>|</tspan><tspan class="fa8">00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00</tspan><tspan>|</tspan><tspan class="fa8">................</tspan><tspan>|</tspan></text>
+<text y="5.5em"><tspan class="fa3">*    </tspan><tspan>|until 0x44e.7 (1043)                           |                |</tspan></text>
 <text y="6.5em"><tspan>     |                                               |                |  </tspan><tspan class="fa12">footers</tspan><tspan>: </tspan><tspan class="fa7">[</tspan><tspan class="fa6">0</tspan><tspan class="fa7">]</tspan></text>
 <text y="7.5em"><tspan class="fa3">0x440</tspan><tspan>|                                             </tspan><tspan class="fa7">61</tspan><tspan>|               </tspan><tspan class="fa7">a</tspan><tspan>|  </tspan><tspan class="fa12">unknown0</tspan><tspan>: </tspan><tspan class="fa7">61736461</tspan></text>
-<text y="8.5em"><tspan class="fa3">0x450</tspan><tspan>|</tspan><tspan class="fa7">73</tspan><tspan> </tspan><tspan class="fa7">64</tspan><tspan> </tspan><tspan class="fa7">61</tspan><tspan>|                                      |</tspan><tspan class="fa7">sda</tspan><tspan>|            |</tspan></text>
+<text y="8.5em"><tspan class="fa3">0x450</tspan><tspan>|</tspan><tspan class="fa7">73 64 61</tspan><tspan>|                                      |</tspan><tspan class="fa7">sda</tspan><tspan>|            |</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/invert_color.svg b/cli/testdata/invert_color.svg
index 8639aa9..b29e4ec 100644
--- a/cli/testdata/invert_color.svg
+++ b/cli/testdata/invert_color.svg
@@ -27,6 +27,6 @@
 <rect x="11ch" y="0em" width="5ch" height="1em" class="ba1"/>
 </g>
 <g x="0">
-<text y="0.5em"><tspan class="fa3"> red </tspan><tspan class="fa1">yellow</tspan><tspan class="fa3"> red </tspan></text>
+<text y="0.5em"><tspan> </tspan><tspan class="fa3">red </tspan><tspan class="fa1">yellow </tspan><tspan class="fa3">red </tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/invert_default.svg b/cli/testdata/invert_default.svg
index 9fde64e..3c2cdae 100644
--- a/cli/testdata/invert_default.svg
+++ b/cli/testdata/invert_default.svg
@@ -23,6 +23,6 @@
 <rect x="7ch" y="0em" width="5ch" height="1em" class="bc0"/>
 </g>
 <g x="0">
-<text y="0.5em"><tspan> black </tspan><tspan class="fc0">write</tspan><tspan> black </tspan></text>
+<text y="0.5em"><tspan> black </tspan><tspan class="fc0">write </tspan><tspan>black </tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/jq.svg b/cli/testdata/jq.svg
index 8820416..2c04aee 100644
--- a/cli/testdata/jq.svg
+++ b/cli/testdata/jq.svg
@@ -13,24 +13,25 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .bold {
+            font-weight: bold;
+        }
         <!-- Foreground ANSI colors -->
         .fa2 { fill: #00bb00; }
         .fa4 { fill: #0000bb; }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
-<text y="0.5em"><tspan style="font-weight:bold">{</tspan></text>
-<text y="1.5em"><tspan style="font-weight:bold">  </tspan><tspan class="fa4" style="font-weight:bold">&#34;true&#34;</tspan><tspan style="font-weight:bold">: </tspan><tspan>true</tspan><tspan style="font-weight:bold">,</tspan></text>
-<text y="2.5em"><tspan style="font-weight:bold">  </tspan><tspan class="fa4" style="font-weight:bold">&#34;false&#34;</tspan><tspan style="font-weight:bold">: </tspan><tspan>false</tspan><tspan style="font-weight:bold">,</tspan></text>
-<text y="3.5em"><tspan style="font-weight:bold">  </tspan><tspan class="fa4" style="font-weight:bold">&#34;string&#34;</tspan><tspan style="font-weight:bold">: </tspan><tspan class="fa2">&#34;string&#34;</tspan><tspan style="font-weight:bold">,</tspan></text>
-<text y="4.5em"><tspan style="font-weight:bold">  </tspan><tspan class="fa4" style="font-weight:bold">&#34;number&#34;</tspan><tspan style="font-weight:bold">: </tspan><tspan>123.1</tspan><tspan style="font-weight:bold">,</tspan></text>
-<text y="5.5em"><tspan style="font-weight:bold">  </tspan><tspan class="fa4" style="font-weight:bold">&#34;array&#34;</tspan><tspan style="font-weight:bold">: [</tspan></text>
-<text y="6.5em"><tspan style="font-weight:bold">    </tspan><tspan>1</tspan><tspan style="font-weight:bold">,</tspan></text>
-<text y="7.5em"><tspan style="font-weight:bold">    </tspan><tspan>2</tspan><tspan style="font-weight:bold">,</tspan></text>
-<text y="8.5em"><tspan style="font-weight:bold">    </tspan><tspan>3</tspan></text>
-<text y="9.5em"><tspan style="font-weight:bold">  ]</tspan></text>
-<text y="10.5em"><tspan style="font-weight:bold">}</tspan></text>
+<text y="0.5em"><tspan class="bold">{</tspan></text>
+<text y="1.5em"><tspan>  </tspan><tspan class="bold fa4">&#34;true&#34;</tspan><tspan class="bold">: </tspan><tspan>true</tspan><tspan class="bold">,</tspan></text>
+<text y="2.5em"><tspan>  </tspan><tspan class="bold fa4">&#34;false&#34;</tspan><tspan class="bold">: </tspan><tspan>false</tspan><tspan class="bold">,</tspan></text>
+<text y="3.5em"><tspan>  </tspan><tspan class="bold fa4">&#34;string&#34;</tspan><tspan class="bold">: </tspan><tspan class="fa2">&#34;string&#34;</tspan><tspan class="bold">,</tspan></text>
+<text y="4.5em"><tspan>  </tspan><tspan class="bold fa4">&#34;number&#34;</tspan><tspan class="bold">: </tspan><tspan>123.1</tspan><tspan class="bold">,</tspan></text>
+<text y="5.5em"><tspan>  </tspan><tspan class="bold fa4">&#34;array&#34;</tspan><tspan class="bold">: [</tspan></text>
+<text y="6.5em"><tspan>    1</tspan><tspan class="bold">,</tspan></text>
+<text y="7.5em"><tspan>    2</tspan><tspan class="bold">,</tspan></text>
+<text y="8.5em"><tspan>    3</tspan></text>
+<text y="9.5em"><tspan>  </tspan><tspan class="bold">]</tspan></text>
+<text y="10.5em"><tspan class="bold">}</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/main.go.bat.svg b/cli/testdata/main.go.bat.svg
index 8eff74a..87b6ae7 100644
--- a/cli/testdata/main.go.bat.svg
+++ b/cli/testdata/main.go.bat.svg
@@ -24,64 +24,62 @@
         .fc7 { fill: #be84ff; }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
-<text y="0.5em"><tspan class="fc0">package</tspan><tspan class="fc1"> </tspan><tspan class="fc2">main</tspan></text>
-<text y="2.5em"><tspan class="fc0">import</tspan><tspan class="fc1"> (</tspan></text>
-<text y="3.5em"><tspan class="fc1">        </tspan><tspan class="fc3">&#34;flag&#34;</tspan></text>
-<text y="4.5em"><tspan class="fc1">        </tspan><tspan class="fc3">&#34;fmt&#34;</tspan></text>
-<text y="5.5em"><tspan class="fc1">        </tspan><tspan class="fc3">&#34;os&#34;</tspan></text>
-<text y="6.5em"><tspan class="fc1">        </tspan><tspan class="fc3">&#34;strconv&#34;</tspan></text>
-<text y="7.5em"><tspan class="fc1">        </tspan><tspan class="fc3">&#34;strings&#34;</tspan></text>
-<text y="9.5em"><tspan class="fc1">        </tspan><tspan class="fc3">&#34;github.com/wader/ansisvg/ansitosvg&#34;</tspan></text>
+<text y="0.5em"><tspan class="fc0">package </tspan><tspan class="fc2">main</tspan></text>
+<text y="2.5em"><tspan class="fc0">import </tspan><tspan class="fc1">(</tspan></text>
+<text y="3.5em"><tspan>        </tspan><tspan class="fc3">&#34;flag&#34;</tspan></text>
+<text y="4.5em"><tspan>        </tspan><tspan class="fc3">&#34;fmt&#34;</tspan></text>
+<text y="5.5em"><tspan>        </tspan><tspan class="fc3">&#34;os&#34;</tspan></text>
+<text y="6.5em"><tspan>        </tspan><tspan class="fc3">&#34;strconv&#34;</tspan></text>
+<text y="7.5em"><tspan>        </tspan><tspan class="fc3">&#34;strings&#34;</tspan></text>
+<text y="9.5em"><tspan>        </tspan><tspan class="fc3">&#34;github.com/wader/ansisvg/ansitosvg&#34;</tspan></text>
 <text y="10.5em"><tspan class="fc1">)</tspan></text>
-<text y="12.5em"><tspan class="fc4">type</tspan><tspan class="fc1"> </tspan><tspan class="fc5">boxSize</tspan><tspan class="fc1"> </tspan><tspan class="fc4">struct</tspan><tspan class="fc1"> {</tspan></text>
-<text y="13.5em"><tspan class="fc1">        </tspan><tspan class="fc2">Width</tspan><tspan class="fc1">  </tspan><tspan class="fc5">int</tspan></text>
-<text y="14.5em"><tspan class="fc1">        </tspan><tspan class="fc2">Height</tspan><tspan class="fc1"> </tspan><tspan class="fc5">int</tspan></text>
+<text y="12.5em"><tspan class="fc4">type </tspan><tspan class="fc5">boxSize </tspan><tspan class="fc4">struct </tspan><tspan class="fc1">{</tspan></text>
+<text y="13.5em"><tspan>        </tspan><tspan class="fc2">Width  </tspan><tspan class="fc5">int</tspan></text>
+<text y="14.5em"><tspan>        </tspan><tspan class="fc2">Height </tspan><tspan class="fc5">int</tspan></text>
 <text y="15.5em"><tspan class="fc1">}</tspan></text>
-<text y="17.5em"><tspan class="fc4">func</tspan><tspan class="fc1"> (</tspan><tspan class="fc6">d</tspan><tspan class="fc1"> </tspan><tspan class="fc0">*</tspan><tspan class="fc4">boxSize</tspan><tspan class="fc1">) </tspan><tspan class="fc5">String</tspan><tspan class="fc1">() </tspan><tspan class="fc5">string</tspan><tspan class="fc1"> {</tspan></text>
-<text y="18.5em"><tspan class="fc1">        </tspan><tspan class="fc0">return</tspan><tspan class="fc1"> </tspan><tspan class="fc2">fmt</tspan><tspan class="fc1">.Sprintf(</tspan><tspan class="fc3">&#34;</tspan><tspan class="fc7">%d</tspan><tspan class="fc3">x</tspan><tspan class="fc7">%d</tspan><tspan class="fc3">&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">, </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">)</tspan></text>
+<text y="17.5em"><tspan class="fc4">func </tspan><tspan class="fc1">(</tspan><tspan class="fc6">d </tspan><tspan class="fc0">*</tspan><tspan class="fc4">boxSize</tspan><tspan class="fc1">) </tspan><tspan class="fc5">String</tspan><tspan class="fc1">() </tspan><tspan class="fc5">string </tspan><tspan class="fc1">{</tspan></text>
+<text y="18.5em"><tspan>        </tspan><tspan class="fc0">return </tspan><tspan class="fc2">fmt</tspan><tspan class="fc1">.Sprintf(</tspan><tspan class="fc3">&#34;</tspan><tspan class="fc7">%d</tspan><tspan class="fc3">x</tspan><tspan class="fc7">%d</tspan><tspan class="fc3">&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">, </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">)</tspan></text>
 <text y="19.5em"><tspan class="fc1">}</tspan></text>
-<text y="21.5em"><tspan class="fc4">func</tspan><tspan class="fc1"> (</tspan><tspan class="fc6">d</tspan><tspan class="fc1"> </tspan><tspan class="fc0">*</tspan><tspan class="fc4">boxSize</tspan><tspan class="fc1">) </tspan><tspan class="fc5">Set</tspan><tspan class="fc1">(</tspan><tspan class="fc6">s</tspan><tspan class="fc1"> </tspan><tspan class="fc5">string</tspan><tspan class="fc1">) </tspan><tspan class="fc5">error</tspan><tspan class="fc1"> {</tspan></text>
-<text y="22.5em"><tspan class="fc1">        parts </tspan><tspan class="fc0">:=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">strings</tspan><tspan class="fc1">.Split(</tspan><tspan class="fc2">s</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;x&#34;</tspan><tspan class="fc1">)</tspan></text>
-<text y="23.5em"><tspan class="fc1">        </tspan><tspan class="fc0">if</tspan><tspan class="fc1"> </tspan><tspan class="fc4">len</tspan><tspan class="fc1">(</tspan><tspan class="fc2">parts</tspan><tspan class="fc1">) </tspan><tspan class="fc0">!=</tspan><tspan class="fc1"> </tspan><tspan class="fc7">2</tspan><tspan class="fc1"> {</tspan></text>
-<text y="24.5em"><tspan class="fc1">                </tspan><tspan class="fc0">return</tspan><tspan class="fc1"> </tspan><tspan class="fc2">fmt</tspan><tspan class="fc1">.Errorf(</tspan><tspan class="fc3">&#34;must be WxH&#34;</tspan><tspan class="fc1">)</tspan></text>
-<text y="25.5em"><tspan class="fc1">        }</tspan></text>
-<text y="26.5em"><tspan class="fc1">        </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">, </tspan><tspan class="fc2">_</tspan><tspan class="fc1"> </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">strconv</tspan><tspan class="fc1">.Atoi(</tspan><tspan class="fc2">parts</tspan><tspan class="fc1">[</tspan><tspan class="fc7">0</tspan><tspan class="fc1">])</tspan></text>
-<text y="27.5em"><tspan class="fc1">        </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">, </tspan><tspan class="fc2">_</tspan><tspan class="fc1"> </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">strconv</tspan><tspan class="fc1">.Atoi(</tspan><tspan class="fc2">parts</tspan><tspan class="fc1">[</tspan><tspan class="fc7">1</tspan><tspan class="fc1">])</tspan></text>
-<text y="28.5em"><tspan class="fc1">        </tspan><tspan class="fc0">return</tspan><tspan class="fc1"> </tspan><tspan class="fc7">nil</tspan></text>
+<text y="21.5em"><tspan class="fc4">func </tspan><tspan class="fc1">(</tspan><tspan class="fc6">d </tspan><tspan class="fc0">*</tspan><tspan class="fc4">boxSize</tspan><tspan class="fc1">) </tspan><tspan class="fc5">Set</tspan><tspan class="fc1">(</tspan><tspan class="fc6">s </tspan><tspan class="fc5">string</tspan><tspan class="fc1">) </tspan><tspan class="fc5">error </tspan><tspan class="fc1">{</tspan></text>
+<text y="22.5em"><tspan>        </tspan><tspan class="fc1">parts </tspan><tspan class="fc0">:= </tspan><tspan class="fc2">strings</tspan><tspan class="fc1">.Split(</tspan><tspan class="fc2">s</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;x&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="23.5em"><tspan>        </tspan><tspan class="fc0">if </tspan><tspan class="fc4">len</tspan><tspan class="fc1">(</tspan><tspan class="fc2">parts</tspan><tspan class="fc1">) </tspan><tspan class="fc0">!= </tspan><tspan class="fc7">2 </tspan><tspan class="fc1">{</tspan></text>
+<text y="24.5em"><tspan>                </tspan><tspan class="fc0">return </tspan><tspan class="fc2">fmt</tspan><tspan class="fc1">.Errorf(</tspan><tspan class="fc3">&#34;must be WxH&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="25.5em"><tspan>        </tspan><tspan class="fc1">}</tspan></text>
+<text y="26.5em"><tspan>        </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">, </tspan><tspan class="fc2">_ </tspan><tspan class="fc0">= </tspan><tspan class="fc2">strconv</tspan><tspan class="fc1">.Atoi(</tspan><tspan class="fc2">parts</tspan><tspan class="fc1">[</tspan><tspan class="fc7">0</tspan><tspan class="fc1">])</tspan></text>
+<text y="27.5em"><tspan>        </tspan><tspan class="fc2">d</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">, </tspan><tspan class="fc2">_ </tspan><tspan class="fc0">= </tspan><tspan class="fc2">strconv</tspan><tspan class="fc1">.Atoi(</tspan><tspan class="fc2">parts</tspan><tspan class="fc1">[</tspan><tspan class="fc7">1</tspan><tspan class="fc1">])</tspan></text>
+<text y="28.5em"><tspan>        </tspan><tspan class="fc0">return </tspan><tspan class="fc7">nil</tspan></text>
 <text y="29.5em"><tspan class="fc1">}</tspan></text>
-<text y="31.5em"><tspan class="fc4">var</tspan><tspan class="fc1"> fontFlag </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.String(</tspan><tspan class="fc3">&#34;font&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Font</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Font&#34;</tspan><tspan class="fc1">)</tspan></text>
-<text y="32.5em"><tspan class="fc4">var</tspan><tspan class="fc1"> fontSizeFlag </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Int(</tspan><tspan class="fc3">&#34;fontsize&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">FontSize</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Font size&#34;</tspan><tspan class="fc1">)</tspan></text>
-<text y="33.5em"><tspan class="fc4">var</tspan><tspan class="fc1"> terminalWidthFlag </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Int(</tspan><tspan class="fc3">&#34;width&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc7">0</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Terminal width (auto)&#34;</tspan><tspan class="fc1">)</tspan></text>
-<text y="34.5em"><tspan class="fc4">var</tspan><tspan class="fc1"> characterBoxSize </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">boxSize</tspan><tspan class="fc1">{</tspan></text>
-<text y="35.5em"><tspan class="fc1">        </tspan><tspan class="fc2">Width</tspan><tspan class="fc1">:  </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">CharacterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">,</tspan></text>
-<text y="36.5em"><tspan class="fc1">        </tspan><tspan class="fc2">Height</tspan><tspan class="fc1">: </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">CharacterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">,</tspan></text>
+<text y="31.5em"><tspan class="fc4">var </tspan><tspan class="fc1">fontFlag </tspan><tspan class="fc0">= </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.String(</tspan><tspan class="fc3">&#34;font&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Font</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Font&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="32.5em"><tspan class="fc4">var </tspan><tspan class="fc1">fontSizeFlag </tspan><tspan class="fc0">= </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Int(</tspan><tspan class="fc3">&#34;fontsize&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">FontSize</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Font size&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="33.5em"><tspan class="fc4">var </tspan><tspan class="fc1">terminalWidthFlag </tspan><tspan class="fc0">= </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Int(</tspan><tspan class="fc3">&#34;width&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc7">0</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Terminal width (auto)&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="34.5em"><tspan class="fc4">var </tspan><tspan class="fc1">characterBoxSize </tspan><tspan class="fc0">= </tspan><tspan class="fc2">boxSize</tspan><tspan class="fc1">{</tspan></text>
+<text y="35.5em"><tspan>        </tspan><tspan class="fc2">Width</tspan><tspan class="fc1">:  </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">CharacterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">,</tspan></text>
+<text y="36.5em"><tspan>        </tspan><tspan class="fc2">Height</tspan><tspan class="fc1">: </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">CharacterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">,</tspan></text>
 <text y="37.5em"><tspan class="fc1">}</tspan></text>
-<text y="38.5em"><tspan class="fc4">var</tspan><tspan class="fc1"> colorSchemeFlag </tspan><tspan class="fc0">=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.String(</tspan><tspan class="fc3">&#34;colorscheme&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">ColorScheme</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Color scheme&#34;</tspan><tspan class="fc1">)</tspan></text>
-<text y="40.5em"><tspan class="fc4">func</tspan><tspan class="fc1"> </tspan><tspan class="fc5">init</tspan><tspan class="fc1">() {</tspan></text>
-<text y="41.5em"><tspan class="fc1">        </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Var(</tspan><tspan class="fc0">&amp;</tspan><tspan class="fc2">characterBoxSize</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;charboxsize&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Character box size&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="38.5em"><tspan class="fc4">var </tspan><tspan class="fc1">colorSchemeFlag </tspan><tspan class="fc0">= </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.String(</tspan><tspan class="fc3">&#34;colorscheme&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">DefaultOptions</tspan><tspan class="fc1">.</tspan><tspan class="fc2">ColorScheme</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Color scheme&#34;</tspan><tspan class="fc1">)</tspan></text>
+<text y="40.5em"><tspan class="fc4">func </tspan><tspan class="fc5">init</tspan><tspan class="fc1">() {</tspan></text>
+<text y="41.5em"><tspan>        </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Var(</tspan><tspan class="fc0">&amp;</tspan><tspan class="fc2">characterBoxSize</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;charboxsize&#34;</tspan><tspan class="fc1">, </tspan><tspan class="fc3">&#34;Character box size&#34;</tspan><tspan class="fc1">)</tspan></text>
 <text y="42.5em"><tspan class="fc1">}</tspan></text>
-<text y="44.5em"><tspan class="fc4">func</tspan><tspan class="fc1"> </tspan><tspan class="fc5">main</tspan><tspan class="fc1">() {</tspan></text>
-<text y="45.5em"><tspan class="fc1">        </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Parse()</tspan></text>
-<text y="47.5em"><tspan class="fc1">        </tspan><tspan class="fc0">if</tspan><tspan class="fc1"> err </tspan><tspan class="fc0">:=</tspan><tspan class="fc1"> </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.Convert(</tspan></text>
-<text y="48.5em"><tspan class="fc1">                </tspan><tspan class="fc2">os</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Stdin</tspan><tspan class="fc1">,</tspan></text>
-<text y="49.5em"><tspan class="fc1">                </tspan><tspan class="fc2">os</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Stdout</tspan><tspan class="fc1">,</tspan></text>
-<text y="50.5em"><tspan class="fc1">                </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Options</tspan><tspan class="fc1">{</tspan></text>
-<text y="51.5em"><tspan class="fc1">                        </tspan><tspan class="fc2">Font</tspan><tspan class="fc1">:          </tspan><tspan class="fc0">*</tspan><tspan class="fc2">fontFlag</tspan><tspan class="fc1">,</tspan></text>
-<text y="52.5em"><tspan class="fc1">                        </tspan><tspan class="fc2">FontSize</tspan><tspan class="fc1">:      </tspan><tspan class="fc0">*</tspan><tspan class="fc2">fontSizeFlag</tspan><tspan class="fc1">,</tspan></text>
-<text y="53.5em"><tspan class="fc1">                        </tspan><tspan class="fc2">TerminalWidth</tspan><tspan class="fc1">: </tspan><tspan class="fc0">*</tspan><tspan class="fc2">terminalWidthFlag</tspan><tspan class="fc1">,</tspan></text>
-<text y="54.5em"><tspan class="fc1">                        </tspan><tspan class="fc2">CharacterBoxSize</tspan><tspan class="fc1">: </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">BoxSize</tspan><tspan class="fc1">{</tspan></text>
-<text y="55.5em"><tspan class="fc1">                                </tspan><tspan class="fc2">Width</tspan><tspan class="fc1">:  </tspan><tspan class="fc2">characterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">,</tspan></text>
-<text y="56.5em"><tspan class="fc1">                                </tspan><tspan class="fc2">Height</tspan><tspan class="fc1">: </tspan><tspan class="fc2">characterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">,</tspan></text>
-<text y="57.5em"><tspan class="fc1">                        },</tspan></text>
-<text y="58.5em"><tspan class="fc1">                        </tspan><tspan class="fc2">ColorScheme</tspan><tspan class="fc1">: </tspan><tspan class="fc0">*</tspan><tspan class="fc2">colorSchemeFlag</tspan><tspan class="fc1">,</tspan></text>
-<text y="59.5em"><tspan class="fc1">                },</tspan></text>
-<text y="60.5em"><tspan class="fc1">        ); </tspan><tspan class="fc2">err</tspan><tspan class="fc1"> </tspan><tspan class="fc0">!=</tspan><tspan class="fc1"> </tspan><tspan class="fc7">nil</tspan><tspan class="fc1"> {</tspan></text>
-<text y="61.5em"><tspan class="fc1">                </tspan><tspan class="fc2">fmt</tspan><tspan class="fc1">.Fprintln(</tspan><tspan class="fc2">os</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Stderr</tspan><tspan class="fc1">, </tspan><tspan class="fc2">err</tspan><tspan class="fc1">)</tspan></text>
-<text y="62.5em"><tspan class="fc1">                </tspan><tspan class="fc2">os</tspan><tspan class="fc1">.Exit(</tspan><tspan class="fc7">1</tspan><tspan class="fc1">)</tspan></text>
-<text y="63.5em"><tspan class="fc1">        }</tspan></text>
+<text y="44.5em"><tspan class="fc4">func </tspan><tspan class="fc5">main</tspan><tspan class="fc1">() {</tspan></text>
+<text y="45.5em"><tspan>        </tspan><tspan class="fc2">flag</tspan><tspan class="fc1">.Parse()</tspan></text>
+<text y="47.5em"><tspan>        </tspan><tspan class="fc0">if </tspan><tspan class="fc1">err </tspan><tspan class="fc0">:= </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.Convert(</tspan></text>
+<text y="48.5em"><tspan>                </tspan><tspan class="fc2">os</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Stdin</tspan><tspan class="fc1">,</tspan></text>
+<text y="49.5em"><tspan>                </tspan><tspan class="fc2">os</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Stdout</tspan><tspan class="fc1">,</tspan></text>
+<text y="50.5em"><tspan>                </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Options</tspan><tspan class="fc1">{</tspan></text>
+<text y="51.5em"><tspan>                        </tspan><tspan class="fc2">Font</tspan><tspan class="fc1">:          </tspan><tspan class="fc0">*</tspan><tspan class="fc2">fontFlag</tspan><tspan class="fc1">,</tspan></text>
+<text y="52.5em"><tspan>                        </tspan><tspan class="fc2">FontSize</tspan><tspan class="fc1">:      </tspan><tspan class="fc0">*</tspan><tspan class="fc2">fontSizeFlag</tspan><tspan class="fc1">,</tspan></text>
+<text y="53.5em"><tspan>                        </tspan><tspan class="fc2">TerminalWidth</tspan><tspan class="fc1">: </tspan><tspan class="fc0">*</tspan><tspan class="fc2">terminalWidthFlag</tspan><tspan class="fc1">,</tspan></text>
+<text y="54.5em"><tspan>                        </tspan><tspan class="fc2">CharacterBoxSize</tspan><tspan class="fc1">: </tspan><tspan class="fc2">ansisvg</tspan><tspan class="fc1">.</tspan><tspan class="fc2">BoxSize</tspan><tspan class="fc1">{</tspan></text>
+<text y="55.5em"><tspan>                                </tspan><tspan class="fc2">Width</tspan><tspan class="fc1">:  </tspan><tspan class="fc2">characterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Width</tspan><tspan class="fc1">,</tspan></text>
+<text y="56.5em"><tspan>                                </tspan><tspan class="fc2">Height</tspan><tspan class="fc1">: </tspan><tspan class="fc2">characterBoxSize</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Height</tspan><tspan class="fc1">,</tspan></text>
+<text y="57.5em"><tspan>                        </tspan><tspan class="fc1">},</tspan></text>
+<text y="58.5em"><tspan>                        </tspan><tspan class="fc2">ColorScheme</tspan><tspan class="fc1">: </tspan><tspan class="fc0">*</tspan><tspan class="fc2">colorSchemeFlag</tspan><tspan class="fc1">,</tspan></text>
+<text y="59.5em"><tspan>                </tspan><tspan class="fc1">},</tspan></text>
+<text y="60.5em"><tspan>        </tspan><tspan class="fc1">); </tspan><tspan class="fc2">err </tspan><tspan class="fc0">!= </tspan><tspan class="fc7">nil </tspan><tspan class="fc1">{</tspan></text>
+<text y="61.5em"><tspan>                </tspan><tspan class="fc2">fmt</tspan><tspan class="fc1">.Fprintln(</tspan><tspan class="fc2">os</tspan><tspan class="fc1">.</tspan><tspan class="fc2">Stderr</tspan><tspan class="fc1">, </tspan><tspan class="fc2">err</tspan><tspan class="fc1">)</tspan></text>
+<text y="62.5em"><tspan>                </tspan><tspan class="fc2">os</tspan><tspan class="fc1">.Exit(</tspan><tspan class="fc7">1</tspan><tspan class="fc1">)</tspan></text>
+<text y="63.5em"><tspan>        </tspan><tspan class="fc1">}</tspan></text>
 <text y="64.5em"><tspan class="fc1">}</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/nonewline.svg b/cli/testdata/nonewline.svg
index dc99d3f..90e8906 100644
--- a/cli/testdata/nonewline.svg
+++ b/cli/testdata/nonewline.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>nonewline</tspan></text>
 </g>
diff --git a/cli/testdata/onechar.svg b/cli/testdata/onechar.svg
index ad93f32..32265e5 100644
--- a/cli/testdata/onechar.svg
+++ b/cli/testdata/onechar.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>a</tspan></text>
 </g>
diff --git a/cli/testdata/onecharnewline.svg b/cli/testdata/onecharnewline.svg
index ad93f32..32265e5 100644
--- a/cli/testdata/onecharnewline.svg
+++ b/cli/testdata/onecharnewline.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>a</tspan></text>
 </g>
diff --git a/cli/testdata/oneline.svg b/cli/testdata/oneline.svg
index dfe1103..26517bb 100644
--- a/cli/testdata/oneline.svg
+++ b/cli/testdata/oneline.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>oneline</tspan></text>
 </g>
diff --git a/cli/testdata/params-colon-semicolon.svg b/cli/testdata/params-colon-semicolon.svg
index ae32a17..db2c995 100644
--- a/cli/testdata/params-colon-semicolon.svg
+++ b/cli/testdata/params-colon-semicolon.svg
@@ -23,6 +23,6 @@
 <rect x="0ch" y="0em" width="40ch" height="1em" class="bc0"/>
 </g>
 <g x="0">
-<text y="0.5em"><tspan class="fc0"> params with mix colon semicolon red bg </tspan></text>
+<text y="0.5em"><tspan> </tspan><tspan class="fc0">params with mix colon semicolon red bg </tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/powerline.svg b/cli/testdata/powerline.svg
index bc9bdae..905352b 100644
--- a/cli/testdata/powerline.svg
+++ b/cli/testdata/powerline.svg
@@ -17,6 +17,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .bold {
+            font-weight: bold;
+        }
         <!-- Background ANSI colors -->
         .ba3 { stroke: #bbbb00; fill: #bbbb00; }
         .ba4 { stroke: #0000bb; fill: #0000bb; }
@@ -64,6 +67,6 @@
 <text y="0.5em"><tspan x="0ch"> </tspan><tspan x="1ch">p</tspan><tspan x="2ch">a</tspan><tspan x="3ch">t</tspan><tspan x="4ch">r</tspan><tspan x="5ch">i</tspan><tspan x="6ch">c</tspan><tspan x="7ch">k</tspan><tspan x="8ch">@</tspan><tspan x="9ch">z</tspan><tspan x="10ch">e</tspan><tspan x="11ch">n</tspan><tspan x="12ch">b</tspan><tspan x="13ch">o</tspan><tspan x="14ch">o</tspan><tspan x="15ch">k</tspan><tspan x="16ch"> </tspan><tspan x="17ch" class="fc0"></tspan><tspan x="18ch" class="fa0"> </tspan><tspan x="19ch" class="fa0">~</tspan><tspan x="20ch" class="fa0">/</tspan><tspan x="21ch" class="fa0">s</tspan><tspan x="22ch" class="fa0">r</tspan><tspan x="23ch" class="fa0">c</tspan><tspan x="24ch" class="fa0">/</tspan><tspan x="25ch" class="fa0">a</tspan><tspan x="26ch" class="fa0">n</tspan><tspan x="27ch" class="fa0">s</tspan><tspan x="28ch" class="fa0">i</tspan><tspan x="29ch" class="fa0">s</tspan><tspan x="30ch" class="fa0">v</tspan><tspan x="31ch" class="fa0">g</tspan><tspan x="32ch" class="fa0"> </tspan><tspan x="33ch" class="fa4"></tspan><tspan x="34ch" class="fa0"> </tspan><tspan x="35ch" class="fa0">↱</tspan><tspan x="36ch" class="fa0"> </tspan><tspan x="37ch" class="fa0">s</tspan><tspan x="38ch" class="fa0">v</tspan><tspan x="39ch" class="fa0">g</tspan><tspan x="40ch" class="fa0">s</tspan><tspan x="41ch" class="fa0">c</tspan><tspan x="42ch" class="fa0">r</tspan><tspan x="43ch" class="fa0">e</tspan><tspan x="44ch" class="fa0">e</tspan><tspan x="45ch" class="fa0">n</tspan><tspan x="46ch" class="fa0">-</tspan><tspan x="47ch" class="fa0">r</tspan><tspan x="48ch" class="fa0">e</tspan><tspan x="49ch" class="fa0">w</tspan><tspan x="50ch" class="fa0">r</tspan><tspan x="51ch" class="fa0">i</tspan><tspan x="52ch" class="fa0">t</tspan><tspan x="53ch" class="fa0">e</tspan><tspan x="54ch" class="fa0"> </tspan><tspan x="55ch" class="fa0">±</tspan><tspan x="56ch" class="fa0"> </tspan><tspan x="57ch" class="fa3"></tspan></text>
 <text y="1.5em"><tspan x="0ch"> </tspan><tspan x="1ch">p</tspan><tspan x="2ch">a</tspan><tspan x="3ch">t</tspan><tspan x="4ch">r</tspan><tspan x="5ch">i</tspan><tspan x="6ch">c</tspan><tspan x="7ch">k</tspan><tspan x="8ch">@</tspan><tspan x="9ch">z</tspan><tspan x="10ch">e</tspan><tspan x="11ch">n</tspan><tspan x="12ch">b</tspan><tspan x="13ch">o</tspan><tspan x="14ch">o</tspan><tspan x="15ch">k</tspan><tspan x="16ch"> </tspan><tspan x="17ch" class="fc0"></tspan><tspan x="18ch" class="fa0"> </tspan><tspan x="19ch" class="fa0">~</tspan><tspan x="20ch" class="fa0">/</tspan><tspan x="21ch" class="fa0">s</tspan><tspan x="22ch" class="fa0">r</tspan><tspan x="23ch" class="fa0">c</tspan><tspan x="24ch" class="fa0">/</tspan><tspan x="25ch" class="fa0">a</tspan><tspan x="26ch" class="fa0">n</tspan><tspan x="27ch" class="fa0">s</tspan><tspan x="28ch" class="fa0">i</tspan><tspan x="29ch" class="fa0">s</tspan><tspan x="30ch" class="fa0">v</tspan><tspan x="31ch" class="fa0">g</tspan><tspan x="32ch" class="fa0"> </tspan><tspan x="33ch" class="fa4"></tspan><tspan x="34ch" class="fa0"> </tspan><tspan x="35ch" class="fa0"></tspan><tspan x="36ch" class="fa0"> </tspan><tspan x="37ch" class="fa0">s</tspan><tspan x="38ch" class="fa0">v</tspan><tspan x="39ch" class="fa0">g</tspan><tspan x="40ch" class="fa0">s</tspan><tspan x="41ch" class="fa0">c</tspan><tspan x="42ch" class="fa0">r</tspan><tspan x="43ch" class="fa0">e</tspan><tspan x="44ch" class="fa0">e</tspan><tspan x="45ch" class="fa0">n</tspan><tspan x="46ch" class="fa0">-</tspan><tspan x="47ch" class="fa0">r</tspan><tspan x="48ch" class="fa0">e</tspan><tspan x="49ch" class="fa0">w</tspan><tspan x="50ch" class="fa0">r</tspan><tspan x="51ch" class="fa0">i</tspan><tspan x="52ch" class="fa0">t</tspan><tspan x="53ch" class="fa0">e</tspan><tspan x="54ch" class="fa0"> </tspan><tspan x="55ch" class="fa3"></tspan></text>
 <text y="2.5em"><tspan x="0ch"> </tspan><tspan x="1ch">p</tspan><tspan x="2ch">a</tspan><tspan x="3ch">t</tspan><tspan x="4ch">r</tspan><tspan x="5ch">i</tspan><tspan x="6ch">c</tspan><tspan x="7ch">k</tspan><tspan x="8ch">@</tspan><tspan x="9ch">z</tspan><tspan x="10ch">e</tspan><tspan x="11ch">n</tspan><tspan x="12ch">b</tspan><tspan x="13ch">o</tspan><tspan x="14ch">o</tspan><tspan x="15ch">k</tspan><tspan x="16ch"> </tspan><tspan x="17ch" class="fc0"></tspan><tspan x="18ch" class="fa0"> </tspan><tspan x="19ch" class="fa0">~</tspan><tspan x="20ch" class="fa0">/</tspan><tspan x="21ch" class="fa0">s</tspan><tspan x="22ch" class="fa0">r</tspan><tspan x="23ch" class="fa0">c</tspan><tspan x="24ch" class="fa0">/</tspan><tspan x="25ch" class="fa0">a</tspan><tspan x="26ch" class="fa0">n</tspan><tspan x="27ch" class="fa0">s</tspan><tspan x="28ch" class="fa0">i</tspan><tspan x="29ch" class="fa0">s</tspan><tspan x="30ch" class="fa0">v</tspan><tspan x="31ch" class="fa0">g</tspan><tspan x="32ch" class="fa0"> </tspan><tspan x="33ch" class="fa4"></tspan><tspan x="34ch" class="fa0"> </tspan><tspan x="35ch" class="fa0"></tspan><tspan x="36ch" class="fa0"> </tspan><tspan x="37ch" class="fa0">s</tspan><tspan x="38ch" class="fa0">v</tspan><tspan x="39ch" class="fa0">g</tspan><tspan x="40ch" class="fa0">s</tspan><tspan x="41ch" class="fa0">c</tspan><tspan x="42ch" class="fa0">r</tspan><tspan x="43ch" class="fa0">e</tspan><tspan x="44ch" class="fa0">e</tspan><tspan x="45ch" class="fa0">n</tspan><tspan x="46ch" class="fa0">-</tspan><tspan x="47ch" class="fa0">r</tspan><tspan x="48ch" class="fa0">e</tspan><tspan x="49ch" class="fa0">w</tspan><tspan x="50ch" class="fa0">r</tspan><tspan x="51ch" class="fa0">i</tspan><tspan x="52ch" class="fa0">t</tspan><tspan x="53ch" class="fa0">e</tspan><tspan x="54ch" class="fa0"> </tspan><tspan x="55ch" class="fa3"></tspan></text>
-<text y="3.5em"><tspan x="0ch" class="fc1" style="font-weight:bold"> </tspan><tspan x="1ch" class="fc1" style="font-weight:bold">❐</tspan><tspan x="2ch" class="fc1" style="font-weight:bold"> </tspan><tspan x="3ch" class="fc1" style="font-weight:bold">0</tspan><tspan x="4ch" class="fc1" style="font-weight:bold"> </tspan><tspan x="5ch" class="fc2"></tspan><tspan x="6ch" class="fc3"> </tspan><tspan x="7ch" class="fc3">↑</tspan><tspan x="8ch" class="fc3"> </tspan><tspan x="9ch" class="fc3">9</tspan><tspan x="10ch" class="fc3">h</tspan><tspan x="11ch" class="fc3"> </tspan><tspan x="12ch" class="fc3">5</tspan><tspan x="13ch" class="fc3">2</tspan><tspan x="14ch" class="fc3">m</tspan><tspan x="15ch" class="fc3"> </tspan><tspan x="16ch" class="fc4"></tspan><tspan x="17ch" class="fc4"> </tspan><tspan x="18ch" class="fc1"></tspan><tspan x="19ch" class="fc5"> </tspan><tspan x="20ch" class="fc5">1</tspan><tspan x="21ch" class="fc5"> </tspan><tspan x="22ch" class="fc5">z</tspan><tspan x="23ch" class="fc5">s</tspan><tspan x="24ch" class="fc5">h</tspan><tspan x="25ch" class="fc5"> </tspan><tspan x="26ch" class="fc6"></tspan><tspan x="27ch" class="fc1"></tspan><tspan x="28ch" class="fc1" style="font-weight:bold"> </tspan><tspan x="29ch" class="fc1" style="font-weight:bold">2</tspan><tspan x="30ch" class="fc1" style="font-weight:bold"> </tspan><tspan x="31ch" class="fc1" style="font-weight:bold">z</tspan><tspan x="32ch" class="fc1" style="font-weight:bold">s</tspan><tspan x="33ch" class="fc1" style="font-weight:bold">h</tspan><tspan x="34ch" class="fc1" style="font-weight:bold"> </tspan><tspan x="35ch" class="fc5" style="font-weight:bold"></tspan></text>
+<text y="3.5em"><tspan x="0ch" class="bold fc1"> </tspan><tspan x="1ch" class="bold fc1">❐</tspan><tspan x="2ch" class="bold fc1"> </tspan><tspan x="3ch" class="bold fc1">0</tspan><tspan x="4ch" class="bold fc1"> </tspan><tspan x="5ch" class="fc2"></tspan><tspan x="6ch" class="fc3"> </tspan><tspan x="7ch" class="fc3">↑</tspan><tspan x="8ch" class="fc3"> </tspan><tspan x="9ch" class="fc3">9</tspan><tspan x="10ch" class="fc3">h</tspan><tspan x="11ch" class="fc3"> </tspan><tspan x="12ch" class="fc3">5</tspan><tspan x="13ch" class="fc3">2</tspan><tspan x="14ch" class="fc3">m</tspan><tspan x="15ch" class="fc3"> </tspan><tspan x="16ch" class="fc4"></tspan><tspan x="17ch" class="fc4"> </tspan><tspan x="18ch" class="fc1"></tspan><tspan x="19ch" class="fc5"> </tspan><tspan x="20ch" class="fc5">1</tspan><tspan x="21ch" class="fc5"> </tspan><tspan x="22ch" class="fc5">z</tspan><tspan x="23ch" class="fc5">s</tspan><tspan x="24ch" class="fc5">h</tspan><tspan x="25ch" class="fc5"> </tspan><tspan x="26ch" class="fc6"></tspan><tspan x="27ch" class="fc1"></tspan><tspan x="28ch" class="bold fc1"> </tspan><tspan x="29ch" class="bold fc1">2</tspan><tspan x="30ch" class="bold fc1"> </tspan><tspan x="31ch" class="bold fc1">z</tspan><tspan x="32ch" class="bold fc1">s</tspan><tspan x="33ch" class="bold fc1">h</tspan><tspan x="34ch" class="bold fc1"> </tspan><tspan x="35ch" class="bold fc5"></tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/tabs.svg b/cli/testdata/tabs.svg
index 0c0bb3e..2ea3ac9 100644
--- a/cli/testdata/tabs.svg
+++ b/cli/testdata/tabs.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>0       0</tspan></text>
 <text y="1.5em"><tspan>1       1</tspan></text>
diff --git a/cli/testdata/terminal-colors-n.svg b/cli/testdata/terminal-colors-n.svg
index a6b55d8..6f3f8e1 100644
--- a/cli/testdata/terminal-colors-n.svg
+++ b/cli/testdata/terminal-colors-n.svg
@@ -534,21 +534,21 @@
 </g>
 <g x="0">
 <text y="0.5em"><tspan>System colors:</tspan></text>
-<text y="1.5em"><tspan class="fa15">  0   1   2   3   4   5   6   7 </tspan></text>
-<text y="2.5em"><tspan class="fa15">  8 </tspan><tspan class="fa0">  9  10  11  12  13  14  15 </tspan></text>
+<text y="1.5em"><tspan>  </tspan><tspan class="fa15">0   1   2   3   4   5   6   7 </tspan></text>
+<text y="2.5em"><tspan>  </tspan><tspan class="fa15">8   </tspan><tspan class="fa0">9  10  11  12  13  14  15 </tspan></text>
 <text y="4.5em"><tspan>6x6x6 color cube and greyscale:</tspan></text>
-<text y="5.5em"><tspan class="fc0"> 16  22  28  34 </tspan><tspan class="fc1"> 40  46 </tspan><tspan> </tspan><tspan class="fc0"> 52  58  64 </tspan><tspan class="fc1"> 70  76  82 </tspan><tspan> </tspan><tspan class="fc0"> 88  94 100 </tspan><tspan class="fc1">106 112 118 </tspan></text>
-<text y="6.5em"><tspan class="fc0"> 17  23  29 </tspan><tspan class="fc1"> 35  41  47 </tspan><tspan> </tspan><tspan class="fc0"> 53  59  65 </tspan><tspan class="fc1"> 71  77  83 </tspan><tspan> </tspan><tspan class="fc0"> 89  95 </tspan><tspan class="fc1">101 107 113 119 </tspan></text>
-<text y="7.5em"><tspan class="fc0"> 18  24  30 </tspan><tspan class="fc1"> 36  42  48 </tspan><tspan> </tspan><tspan class="fc0"> 54  60  66 </tspan><tspan class="fc1"> 72  78  84 </tspan><tspan> </tspan><tspan class="fc0"> 90  96 </tspan><tspan class="fc1">102 108 114 120 </tspan></text>
-<text y="8.5em"><tspan class="fc0"> 19  25  31 </tspan><tspan class="fc1"> 37  43  49 </tspan><tspan> </tspan><tspan class="fc0"> 55  61 </tspan><tspan class="fc1"> 67  73  79  85 </tspan><tspan> </tspan><tspan class="fc0"> 91  97 </tspan><tspan class="fc1">103 109 115 121 </tspan></text>
-<text y="9.5em"><tspan class="fc0"> 20  26  32 </tspan><tspan class="fc1"> 38  44  50 </tspan><tspan> </tspan><tspan class="fc0"> 56  62 </tspan><tspan class="fc1"> 68  74  80  86 </tspan><tspan> </tspan><tspan class="fc0"> 92  98 </tspan><tspan class="fc1">104 110 116 122 </tspan></text>
-<text y="10.5em"><tspan class="fc0"> 21  27  33 </tspan><tspan class="fc1"> 39  45  51 </tspan><tspan> </tspan><tspan class="fc0"> 57  63 </tspan><tspan class="fc1"> 69  75  81  87 </tspan><tspan> </tspan><tspan class="fc0"> 93  99 </tspan><tspan class="fc1">105 111 117 123 </tspan></text>
-<text y="12.5em"><tspan class="fc0">124 130 </tspan><tspan class="fc1">136 142 148 154 </tspan><tspan> </tspan><tspan class="fc0">160 166 </tspan><tspan class="fc1">172 178 184 190 </tspan><tspan> </tspan><tspan class="fc0">196 202 </tspan><tspan class="fc1">208 214 220 226 </tspan></text>
-<text y="13.5em"><tspan class="fc0">125 131 </tspan><tspan class="fc1">137 143 149 155 </tspan><tspan> </tspan><tspan class="fc0">161 167 </tspan><tspan class="fc1">173 179 185 191 </tspan><tspan> </tspan><tspan class="fc0">197 </tspan><tspan class="fc1">203 209 215 221 227 </tspan></text>
-<text y="14.5em"><tspan class="fc0">126 132 </tspan><tspan class="fc1">138 144 150 156 </tspan><tspan> </tspan><tspan class="fc0">162 168 </tspan><tspan class="fc1">174 180 186 192 </tspan><tspan> </tspan><tspan class="fc0">198 </tspan><tspan class="fc1">204 210 216 222 228 </tspan></text>
-<text y="15.5em"><tspan class="fc0">127 133 </tspan><tspan class="fc1">139 145 151 157 </tspan><tspan> </tspan><tspan class="fc0">163 169 </tspan><tspan class="fc1">175 181 187 193 </tspan><tspan> </tspan><tspan class="fc0">199 </tspan><tspan class="fc1">205 211 217 223 229 </tspan></text>
-<text y="16.5em"><tspan class="fc0">128 134 </tspan><tspan class="fc1">140 146 152 158 </tspan><tspan> </tspan><tspan class="fc0">164 </tspan><tspan class="fc1">170 176 182 188 194 </tspan><tspan> </tspan><tspan class="fc0">200 </tspan><tspan class="fc1">206 212 218 224 230 </tspan></text>
-<text y="17.5em"><tspan class="fc0">129 135 </tspan><tspan class="fc1">141 147 153 159 </tspan><tspan> </tspan><tspan class="fc0">165 </tspan><tspan class="fc1">171 177 183 189 195 </tspan><tspan> </tspan><tspan class="fc0">201 </tspan><tspan class="fc1">207 213 219 225 231 </tspan></text>
+<text y="5.5em"><tspan> </tspan><tspan class="fc0">16  22  28  34  </tspan><tspan class="fc1">40  46   </tspan><tspan class="fc0">52  58  64  </tspan><tspan class="fc1">70  76  82   </tspan><tspan class="fc0">88  94 100 </tspan><tspan class="fc1">106 112 118  </tspan></text>
+<text y="6.5em"><tspan> </tspan><tspan class="fc0">17  23  29  </tspan><tspan class="fc1">35  41  47   </tspan><tspan class="fc0">53  59  65  </tspan><tspan class="fc1">71  77  83   </tspan><tspan class="fc0">89  95 </tspan><tspan class="fc1">101 107 113 119  </tspan></text>
+<text y="7.5em"><tspan> </tspan><tspan class="fc0">18  24  30  </tspan><tspan class="fc1">36  42  48   </tspan><tspan class="fc0">54  60  66  </tspan><tspan class="fc1">72  78  84   </tspan><tspan class="fc0">90  96 </tspan><tspan class="fc1">102 108 114 120  </tspan></text>
+<text y="8.5em"><tspan> </tspan><tspan class="fc0">19  25  31  </tspan><tspan class="fc1">37  43  49   </tspan><tspan class="fc0">55  61  </tspan><tspan class="fc1">67  73  79  85   </tspan><tspan class="fc0">91  97 </tspan><tspan class="fc1">103 109 115 121  </tspan></text>
+<text y="9.5em"><tspan> </tspan><tspan class="fc0">20  26  32  </tspan><tspan class="fc1">38  44  50   </tspan><tspan class="fc0">56  62  </tspan><tspan class="fc1">68  74  80  86   </tspan><tspan class="fc0">92  98 </tspan><tspan class="fc1">104 110 116 122  </tspan></text>
+<text y="10.5em"><tspan> </tspan><tspan class="fc0">21  27  33  </tspan><tspan class="fc1">39  45  51   </tspan><tspan class="fc0">57  63  </tspan><tspan class="fc1">69  75  81  87   </tspan><tspan class="fc0">93  99 </tspan><tspan class="fc1">105 111 117 123  </tspan></text>
+<text y="12.5em"><tspan class="fc0">124 130 </tspan><tspan class="fc1">136 142 148 154  </tspan><tspan class="fc0">160 166 </tspan><tspan class="fc1">172 178 184 190  </tspan><tspan class="fc0">196 202 </tspan><tspan class="fc1">208 214 220 226  </tspan></text>
+<text y="13.5em"><tspan class="fc0">125 131 </tspan><tspan class="fc1">137 143 149 155  </tspan><tspan class="fc0">161 167 </tspan><tspan class="fc1">173 179 185 191  </tspan><tspan class="fc0">197 </tspan><tspan class="fc1">203 209 215 221 227  </tspan></text>
+<text y="14.5em"><tspan class="fc0">126 132 </tspan><tspan class="fc1">138 144 150 156  </tspan><tspan class="fc0">162 168 </tspan><tspan class="fc1">174 180 186 192  </tspan><tspan class="fc0">198 </tspan><tspan class="fc1">204 210 216 222 228  </tspan></text>
+<text y="15.5em"><tspan class="fc0">127 133 </tspan><tspan class="fc1">139 145 151 157  </tspan><tspan class="fc0">163 169 </tspan><tspan class="fc1">175 181 187 193  </tspan><tspan class="fc0">199 </tspan><tspan class="fc1">205 211 217 223 229  </tspan></text>
+<text y="16.5em"><tspan class="fc0">128 134 </tspan><tspan class="fc1">140 146 152 158  </tspan><tspan class="fc0">164 </tspan><tspan class="fc1">170 176 182 188 194  </tspan><tspan class="fc0">200 </tspan><tspan class="fc1">206 212 218 224 230  </tspan></text>
+<text y="17.5em"><tspan class="fc0">129 135 </tspan><tspan class="fc1">141 147 153 159  </tspan><tspan class="fc0">165 </tspan><tspan class="fc1">171 177 183 189 195  </tspan><tspan class="fc0">201 </tspan><tspan class="fc1">207 213 219 225 231  </tspan></text>
 <text y="19.5em"><tspan class="fc0">232 233 234 235 236 237 238 239 240 241 242 243 </tspan></text>
 <text y="20.5em"><tspan class="fc1">244 245 246 247 248 249 250 251 252 253 254 255 </tspan></text>
 </g>
diff --git a/cli/testdata/terminalwidth4.svg b/cli/testdata/terminalwidth4.svg
index cdee554..d097d32 100644
--- a/cli/testdata/terminalwidth4.svg
+++ b/cli/testdata/terminalwidth4.svg
@@ -15,8 +15,6 @@
         }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
 <text y="0.5em"><tspan>012345689</tspan></text>
 </g>
diff --git a/cli/testdata/underlinedefault.svg b/cli/testdata/underlinedefault.svg
index f919d36..e73d9d2 100644
--- a/cli/testdata/underlinedefault.svg
+++ b/cli/testdata/underlinedefault.svg
@@ -13,12 +13,13 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .underline {
+            text-decoration: underline;
+        }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
-<text y="0.5em"><tspan text-decoration="underline">under</tspan></text>
-<text y="1.5em"><tspan text-decoration="underline">line</tspan></text>
+<text y="0.5em"><tspan class="underline">under</tspan></text>
+<text y="1.5em"><tspan class="underline">line</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/underlinenewline.svg b/cli/testdata/underlinenewline.svg
index f919d36..e73d9d2 100644
--- a/cli/testdata/underlinenewline.svg
+++ b/cli/testdata/underlinenewline.svg
@@ -13,12 +13,13 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .underline {
+            text-decoration: underline;
+        }
     </style>
     <rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
-<g class="bg">
-</g>
 <g x="0">
-<text y="0.5em"><tspan text-decoration="underline">under</tspan></text>
-<text y="1.5em"><tspan text-decoration="underline">line</tspan></text>
+<text y="0.5em"><tspan class="underline">under</tspan></text>
+<text y="1.5em"><tspan class="underline">line</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/underlinetabs.svg b/cli/testdata/underlinetabs.svg
index fcb8d47..c954895 100644
--- a/cli/testdata/underlinetabs.svg
+++ b/cli/testdata/underlinetabs.svg
@@ -13,6 +13,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .underline {
+            text-decoration: underline;
+        }
         <!-- Background ANSI colors -->
         .ba4 { stroke: #0000bb; fill: #0000bb; }
         <!-- Foreground ANSI colors -->
@@ -23,14 +26,14 @@
 <rect x="0ch" y="5em" width="9ch" height="1em" class="ba4"/>
 </g>
 <g x="0">
-<text y="0.5em"><tspan text-decoration="underline">0       0</tspan></text>
-<text y="1.5em"><tspan text-decoration="underline">1       1</tspan></text>
-<text y="2.5em"><tspan text-decoration="underline">2       2</tspan></text>
-<text y="3.5em"><tspan text-decoration="underline">3       3</tspan></text>
-<text y="4.5em"><tspan class="fa12" text-decoration="underline">4       4</tspan></text>
-<text y="5.5em"><tspan text-decoration="underline">5       5</tspan></text>
-<text y="6.5em"><tspan text-decoration="underline">6       6</tspan></text>
-<text y="7.5em"><tspan text-decoration="underline">7       7</tspan></text>
-<text y="8.5em"><tspan text-decoration="underline">8               8</tspan></text>
+<text y="0.5em"><tspan class="underline">0       0</tspan></text>
+<text y="1.5em"><tspan class="underline">1       1</tspan></text>
+<text y="2.5em"><tspan class="underline">2       2</tspan></text>
+<text y="3.5em"><tspan class="underline">3       3</tspan></text>
+<text y="4.5em"><tspan class="underline fa12">4       4</tspan></text>
+<text y="5.5em"><tspan class="underline">5       5</tspan></text>
+<text y="6.5em"><tspan class="underline">6       6</tspan></text>
+<text y="7.5em"><tspan class="underline">7       7</tspan></text>
+<text y="8.5em"><tspan class="underline">8               8</tspan></text>
 </g>
 </svg>
diff --git a/cli/testdata/underlinetabs_backgroundcolor.svg b/cli/testdata/underlinetabs_backgroundcolor.svg
index b46cff3..43491bf 100644
--- a/cli/testdata/underlinetabs_backgroundcolor.svg
+++ b/cli/testdata/underlinetabs_backgroundcolor.svg
@@ -13,6 +13,9 @@
         .bg {
             stroke-width: "0.5px";
         }
+        .underline {
+            text-decoration: underline;
+        }
         <!-- Background ANSI colors -->
         .ba4 { stroke: #268bd2; fill: #268bd2; }
         <!-- Foreground ANSI colors -->
@@ -23,14 +26,14 @@
 <rect x="0ch" y="5em" width="9ch" height="1em" class="ba4"/>
 </g>
 <g x="0">
-<text y="0.5em"><tspan text-decoration="underline">0       0</tspan></text>
-<text y="1.5em"><tspan text-decoration="underline">1       1</tspan></text>
-<text y="2.5em"><tspan text-decoration="underline">2       2</tspan></text>
-<text y="3.5em"><tspan text-decoration="underline">3       3</tspan></text>
-<text y="4.5em"><tspan class="fa12" text-decoration="underline">4       4</tspan></text>
-<text y="5.5em"><tspan text-decoration="underline">5       5</tspan></text>
-<text y="6.5em"><tspan text-decoration="underline">6       6</tspan></text>
-<text y="7.5em"><tspan text-decoration="underline">7       7</tspan></text>
-<text y="8.5em"><tspan text-decoration="underline">8               8</tspan></text>
+<text y="0.5em"><tspan class="underline">0       0</tspan></text>
+<text y="1.5em"><tspan class="underline">1       1</tspan></text>
+<text y="2.5em"><tspan class="underline">2       2</tspan></text>
+<text y="3.5em"><tspan class="underline">3       3</tspan></text>
+<text y="4.5em"><tspan class="underline fa12">4       4</tspan></text>
+<text y="5.5em"><tspan class="underline">5       5</tspan></text>
+<text y="6.5em"><tspan class="underline">6       6</tspan></text>
+<text y="7.5em"><tspan class="underline">7       7</tspan></text>
+<text y="8.5em"><tspan class="underline">8               8</tspan></text>
 </g>
 </svg>