diff --git a/ext/bg/fonts.html b/ext/bg/fonts.html
new file mode 100644
index 0000000000..d88ac3d484
--- /dev/null
+++ b/ext/bg/fonts.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>Yomichan Fonts</title>
+    <link rel="icon" type="image/png" href="/mixed/img/icon16.png" sizes="16x16">
+    <link rel="icon" type="image/png" href="/mixed/img/icon19.png" sizes="19x19">
+    <link rel="icon" type="image/png" href="/mixed/img/icon32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/mixed/img/icon38.png" sizes="38x38">
+    <link rel="icon" type="image/png" href="/mixed/img/icon48.png" sizes="48x48">
+    <link rel="icon" type="image/png" href="/mixed/img/icon64.png" sizes="64x64">
+    <link rel="icon" type="image/png" href="/mixed/img/icon128.png" sizes="128x128">
+    <style>
+:root {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.42857143; /* 14px => 20px */
+}
+
+body {
+    margin: 0;
+    border: 0;
+    padding: 0;
+}
+
+.kanji-image {
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-size: contain;
+    width: 64px;
+    height: 64px;
+    display: inline-block;
+}
+.kanji-text {
+    font-size: 64px;
+    line-height: 1;
+}
+    </style>
+</head>
+<body>
+
+<div class="kanji-image-container">
+    <span class="kanji-image" style="background-image: url(/mixed/img/yomu-kanji1.svg);"></span><span>text</span>
+</div>
+<div class="kanji-image-container">
+    <span class="kanji-image" style="background-image: url(/mixed/img/yomu-kanji2.svg);"></span><span>text</span>
+</div>
+<div>
+    <span class="kanji-text">読</span><span>text</span>
+</div>
+
+</body>
+</html>
diff --git a/ext/mixed/img/yomu-kanji1.svg b/ext/mixed/img/yomu-kanji1.svg
new file mode 100644
index 0000000000..757130a1b3
--- /dev/null
+++ b/ext/mixed/img/yomu-kanji1.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <metadata>
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <g transform="translate(0 -292.77)" display="none">
+  <g aria-label="読">
+   <path d="m10.25 295.89q0-1.5-0.0625-2.5l1.3125 0.75-0.4375 0.375v1.375h2.125l0.8125-0.75 1.0625 1.125h-4v1.6875h1.8125l0.625-0.625 0.9375 1h-5.3125q-0.5 0-1.1875 0.1875l-0.5625-0.5625h2.875v-1.6875h-1.9375q-0.5 0-1.1875 0.1875l-0.5625-0.5625zm5.0625 4.5q-1 0.125-2.0625 1.5625l-0.1875-0.125 0.75-1.625h-6.125q-0.0625 1-0.4375 1.25-0.375 0.1875-0.5625 0.1875t-0.3125-0.0625q-0.125-0.125-0.125-0.25 0-0.25 0.375-0.625 0.5625-0.5625 0.75-1.75h0.25l0.0625 0.875h6l0.625-0.625zm-5.25 1.25-0.375 0.5625q-0.125 2.5-1.1875 3.75-1 1.25-3.5 2.1875l-0.0625-0.1875q1.6875-1 2.5-1.875 0.875-0.9375 1.125-2.375t0.1875-2.6875zm3.5 5q0.4375 0.0625 0.5-0.75 0.125-0.8125 0.125-2.125h0.3125q0 1.4375 0.0625 2.0625 0.125 0.625 0.6875 0.875-0.4375 0.75-1.25 0.6875h-1.5q-1.3125 0.0625-1.1875-1.5625v-3.3125q0-0.8125-0.0625-1.4375l1.25 0.6875-0.375 0.375v3.625q-0.0625 0.9375 0.6875 0.875zm-11.25-12.938 0.125-0.1875q1.3125 0.625 1.4375 1.0625 0.1875 0.375 0.1875 0.5625 0 0.375-0.4375 0.75h1.1875l0.6875-0.625 1 1h-4.0625q-0.5 0-1.1875 0.1875l-0.5625-0.5625h2.625q-0.0625-0.5-0.25-1-0.1875-0.5625-0.75-1.1875zm0 8.9375v2.875h2.4375v-2.875zm-1-4.75h3.25l0.625-0.5625 0.9375 0.9375h-3.0625q-0.5 0-1.1875 0.1875zm0 2.1875h3.25l0.625-0.5625 0.875 0.9375h-3q-0.5 0-1.1875 0.1875zm0.125 1.6875 1 0.5h2.125l0.5625-0.625 0.9375 0.875-0.5 0.375q0 2.4375 0.0625 3.5l-0.875 0.4375v-0.9375h-2.4375v0.9375l-0.875 0.375q0.0625-1.5 0.0625-2.8125 0-1.375-0.0625-2.625z"/>
+  </g>
+ </g>
+ <g transform="translate(0 -292.77)">
+  <g aria-label="読">
+   <path d="m11.164 295.74v1.6797h3.2656v0.89844h-7.6328v-0.89844h3.1484v-1.6797h-3.7422v-0.91406h3.7422v-1.4375h1.2188v1.4375h3.9688v0.91406zm-9.9219-0.97656v-0.91406h4.1328v0.91406zm-0.57031 2.1641v-0.89062h5.1094v0.89062zm0.58594 2.1094v-0.91406h4.0156v0.91406zm12.688 3.0703v-1.6797h-6.7422v1.5625h-1.0469v-2.4297h8.8281v2.5469zm-12.688-0.96875v-0.91406h4.0156v0.91406zm9.7969 0.29688h1.1719v4.375q0 0.25781 0.13281 0.42968 0.13281 0.16407 0.58594 0.16407 0.63281 0 0.80469-0.0703 0.17969-0.0703 0.27344-0.23437 0.09375-0.16406 0.14844-0.69531 0.0625-0.53125 0.0625-1.2734l0.96094 0.0937v1.7969q0 0.51563-0.21875 0.82813t-0.59375 0.39844q-0.375 0.0937-1.3594 0.0937-0.73438 0-1.1094-0.0625-0.36719-0.0547-0.61719-0.36719-0.24219-0.30469-0.24219-0.85938zm-4.8828 6.1719-0.55469-0.71875q2.7656-1.4297 2.7656-4.9922v-0.14062l-0.0078125-0.07813v-0.19531h1.1953v0.21094q0 2.2891-0.89062 3.7266t-2.5078 2.1875zm-4.0312-0.6875v0.58594h-1.0938v-4.9766h4.2969v4.3906zm2.0391-3.5078h-2.0391v2.625h2.0391z"/>
+  </g>
+ </g>
+</svg>
diff --git a/ext/mixed/img/yomu-kanji2.svg b/ext/mixed/img/yomu-kanji2.svg
new file mode 100644
index 0000000000..a2469e5a77
--- /dev/null
+++ b/ext/mixed/img/yomu-kanji2.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <metadata>
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <g transform="translate(0 -292.77)">
+  <g aria-label="読">
+   <path d="m10.25 295.89q0-1.5-0.0625-2.5l1.3125 0.75-0.4375 0.375v1.375h2.125l0.8125-0.75 1.0625 1.125h-4v1.6875h1.8125l0.625-0.625 0.9375 1h-5.3125q-0.5 0-1.1875 0.1875l-0.5625-0.5625h2.875v-1.6875h-1.9375q-0.5 0-1.1875 0.1875l-0.5625-0.5625zm5.0625 4.5q-1 0.125-2.0625 1.5625l-0.1875-0.125 0.75-1.625h-6.125q-0.0625 1-0.4375 1.25-0.375 0.1875-0.5625 0.1875t-0.3125-0.0625q-0.125-0.125-0.125-0.25 0-0.25 0.375-0.625 0.5625-0.5625 0.75-1.75h0.25l0.0625 0.875h6l0.625-0.625zm-5.25 1.25-0.375 0.5625q-0.125 2.5-1.1875 3.75-1 1.25-3.5 2.1875l-0.0625-0.1875q1.6875-1 2.5-1.875 0.875-0.9375 1.125-2.375t0.1875-2.6875zm3.5 5q0.4375 0.0625 0.5-0.75 0.125-0.8125 0.125-2.125h0.3125q0 1.4375 0.0625 2.0625 0.125 0.625 0.6875 0.875-0.4375 0.75-1.25 0.6875h-1.5q-1.3125 0.0625-1.1875-1.5625v-3.3125q0-0.8125-0.0625-1.4375l1.25 0.6875-0.375 0.375v3.625q-0.0625 0.9375 0.6875 0.875zm-11.25-12.938 0.125-0.1875q1.3125 0.625 1.4375 1.0625 0.1875 0.375 0.1875 0.5625 0 0.375-0.4375 0.75h1.1875l0.6875-0.625 1 1h-4.0625q-0.5 0-1.1875 0.1875l-0.5625-0.5625h2.625q-0.0625-0.5-0.25-1-0.1875-0.5625-0.75-1.1875zm0 8.9375v2.875h2.4375v-2.875zm-1-4.75h3.25l0.625-0.5625 0.9375 0.9375h-3.0625q-0.5 0-1.1875 0.1875zm0 2.1875h3.25l0.625-0.5625 0.875 0.9375h-3q-0.5 0-1.1875 0.1875zm0.125 1.6875 1 0.5h2.125l0.5625-0.625 0.9375 0.875-0.5 0.375q0 2.4375 0.0625 3.5l-0.875 0.4375v-0.9375h-2.4375v0.9375l-0.875 0.375q0.0625-1.5 0.0625-2.8125 0-1.375-0.0625-2.625z"/>
+  </g>
+ </g>
+ <g transform="translate(0 -292.77)" display="none">
+  <g aria-label="読">
+   <path d="m11.164 295.74v1.6797h3.2656v0.89844h-7.6328v-0.89844h3.1484v-1.6797h-3.7422v-0.91406h3.7422v-1.4375h1.2188v1.4375h3.9688v0.91406zm-9.9219-0.97656v-0.91406h4.1328v0.91406zm-0.57031 2.1641v-0.89062h5.1094v0.89062zm0.58594 2.1094v-0.91406h4.0156v0.91406zm12.688 3.0703v-1.6797h-6.7422v1.5625h-1.0469v-2.4297h8.8281v2.5469zm-12.688-0.96875v-0.91406h4.0156v0.91406zm9.7969 0.29688h1.1719v4.375q0 0.25781 0.13281 0.42968 0.13281 0.16407 0.58594 0.16407 0.63281 0 0.80469-0.0703 0.17969-0.0703 0.27344-0.23437 0.09375-0.16406 0.14844-0.69531 0.0625-0.53125 0.0625-1.2734l0.96094 0.0937v1.7969q0 0.51563-0.21875 0.82813t-0.59375 0.39844q-0.375 0.0937-1.3594 0.0937-0.73438 0-1.1094-0.0625-0.36719-0.0547-0.61719-0.36719-0.24219-0.30469-0.24219-0.85938zm-4.8828 6.1719-0.55469-0.71875q2.7656-1.4297 2.7656-4.9922v-0.14062l-0.0078125-0.07813v-0.19531h1.1953v0.21094q0 2.2891-0.89062 3.7266t-2.5078 2.1875zm-4.0312-0.6875v0.58594h-1.0938v-4.9766h4.2969v4.3906zm2.0391-3.5078h-2.0391v2.625h2.0391z"/>
+  </g>
+ </g>
+</svg>
