diff --git a/src/cleanMarkup.js b/src/cleanMarkup.js
index 581eaa7..11f1ace 100644
--- a/src/cleanMarkup.js
+++ b/src/cleanMarkup.js
@@ -18,18 +18,19 @@ export async function cleanMarkup (html) {
   html = twemoji.parse(html, {ext: '.svg', folder: 'svg'})
 
   // replace HTML entities with decimal entities
-  html = html.replace(/\xA0/g, ' ')
-  html = html.replace(/ /g, ' ')
-  html = html.replace(/ /g, ' ')
+  html = html.replace(/\xA0/ig, ' ')
+  html = html.replace(/ /ig, ' ')
+  html = html.replace(/ /ig, ' ')
 
   // fix some tags
-  html = html.replace(/<u>/g, '<span style="text-decoration: underline">')
-  html = html.replace(/<\/u>/g, '</span>')
-  html = html.replace(/<s>/g, '<span style="text-decoration: line-through">')
-  html = html.replace(/<\/s>/g, '</span>')
+  html = html.replace(/<u>/ig, '<span style="text-decoration: underline">')
+  html = html.replace(/<\/u>/ig, '</span>')
+  html = html.replace(/<s>/ig, '<span style="text-decoration: line-through">')
+  html = html.replace(/<\/s>/ig, '</span>')
+  html = html.replace(/<span style="font-variant-caps:small-caps">/ig, '<span class="smcp">')
 
-  html = html.replace(/<p>\s*/g, '<p>')
-  html = html.replace(/\s*<\/p>/g, '</p>')
+  html = html.replace(/<p>\s*/ig, '<p>')
+  html = html.replace(/\s*<\/p>/ig, '</p>')
 
   // html = fixParagraphIndent(html)
 
diff --git a/src/style/style.styl b/src/style/style.styl
index 4264719..1d24a3c 100644
--- a/src/style/style.styl
+++ b/src/style/style.styl
@@ -53,6 +53,24 @@ em em {
   font-style: normal;
 }
 
+.smcp {
+  font-variant: small-caps;
+}
+@supports not (font-variant-caps: small-caps) {
+  .smcp {
+    font-variant: normal;
+    -webkit-font-feature-settings: 'smcp', 'onum';
+    font-feature-settings: 'smcp', 'onum';
+  }
+}
+@supports (font-variant-caps: small-caps) {
+  .smcp {
+    font-variant: normal;
+    font-variant-caps: small-caps;
+    font-variant-numeric: oldstyle-nums;
+  }
+}
+
 .chapter-title {
   padding-top: 0.5em;
   margin-bottom: 1.5em;