Added SVG font support

Embeded font styling in the plate SVGs.
This commit is contained in:
2018-10-17 21:14:51 -04:00
parent e7aed23032
commit 95ce51d690
6 changed files with 6 additions and 6 deletions

View File

@@ -1 +1 @@
<svg height="48" viewBox="0 0 8 48" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="48" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="22">1</tspan> <tspan x="1.192383" y="33">0</tspan></text></g></svg>
<svg height="48" viewBox="0 0 8 48" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="48" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="22">1</tspan> <tspan x="1.192383" y="33">0</tspan></text></g><defs><style type="text/css">@import url('http://fonts.googleapis.com/css?family=Roboto');</style></defs></svg>

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 521 B

View File

@@ -1 +1 @@
<svg height="56" viewBox="0 0 8 56" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="56" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="26">2</tspan> <tspan x="1.192383" y="37">5</tspan></text></g></svg>
<svg height="56" viewBox="0 0 8 56" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="56" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="26">2</tspan> <tspan x="1.192383" y="37">5</tspan></text></g><defs><style type="text/css">@import url('http://fonts.googleapis.com/css?family=Roboto');</style></defs></svg>

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 521 B

View File

@@ -1 +1 @@
<svg height="32" viewBox="0 0 8 32" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="32" rx="4" width="8"/><g fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 7 4)"><text><tspan x="0" y="9">2</tspan></text><text><tspan x="1.491699" y="12">.</tspan></text><text><tspan x="0" y="21">5</tspan></text></g></g></svg>
<svg height="32" viewBox="0 0 8 32" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="32" rx="4" width="8"/><g fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 7 4)"><text><tspan x="0" y="9">2</tspan></text><text><tspan x="1.491699" y="12">.</tspan></text><text><tspan x="0" y="21">5</tspan></text></g></g><defs><style type="text/css">@import url('http://fonts.googleapis.com/css?family=Roboto');</style></defs></svg>

Before

Width:  |  Height:  |  Size: 469 B

After

Width:  |  Height:  |  Size: 574 B

View File

@@ -1 +1 @@
<svg height="64" viewBox="0 0 8 64" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="64" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="30">3</tspan> <tspan x="1.192383" y="41">5</tspan></text></g></svg>
<svg height="64" viewBox="0 0 8 64" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="64" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="30">3</tspan> <tspan x="1.192383" y="41">5</tspan></text></g><defs><style type="text/css">@import url('http://fonts.googleapis.com/css?family=Roboto');</style></defs></svg>

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 521 B

View File

@@ -1 +1 @@
<svg height="72" viewBox="0 0 8 72" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="72" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="34">4</tspan> <tspan x="1.192383" y="45">5</tspan></text></g></svg>
<svg height="72" viewBox="0 0 8 72" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="72" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="34">4</tspan> <tspan x="1.192383" y="45">5</tspan></text></g><defs><style type="text/css">@import url('http://fonts.googleapis.com/css?family=Roboto');</style></defs></svg>

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 521 B

View File

@@ -1 +1 @@
<svg height="40" viewBox="0 0 8 40" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="40" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="23.5">5</tspan></text></g></svg>
<svg height="40" viewBox="0 0 8 40" width="8" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 8 0)"><rect fill="#48484a" fill-rule="nonzero" height="40" rx="4" width="8"/><text fill="#fcfcfc" font-family="Roboto-Regular, Roboto" font-size="10" transform="matrix(-1 0 0 1 8 0)"><tspan x="1.192383" y="23.5">5</tspan></text></g><defs><style type="text/css">@import url('http://fonts.googleapis.com/css?family=Roboto');</style></defs></svg>

Before

Width:  |  Height:  |  Size: 381 B

After

Width:  |  Height:  |  Size: 486 B