diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index f98a7194785e664f2a266ae637fc654fafff9abb..412c74629d081cdb5f1aad26e339532a5c7469d1 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -276,6 +276,9 @@ img {
 
 svg:not(:root) {
   overflow: hidden; // Hide the overflow in IE
+  // Workaround Chrome performance issue,
+  // see: https://github.com/twbs/bootstrap/issues/24673
+  font-family: $font-family-svg;
 }
 
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 895dfc22f1b3b715951646d82a9038cbc32a42c2..bf82018a0e64dc46d6c7d9ad2020e71183c1c763 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -222,6 +222,7 @@ $transition-collapse:         height .35s ease !default;
 // stylelint-disable value-keyword-case
 $font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
 $font-family-monospace:       "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-svg:             sans-serif !default;
 $font-family-base:            $font-family-sans-serif !default;
 // stylelint-enable value-keyword-case