diff --git a/_includes/default/head.liquid b/_includes/default/head.liquid
index fcc003dea5..6c8db7531e 100644
--- a/_includes/default/head.liquid
+++ b/_includes/default/head.liquid
@@ -35,7 +35,7 @@
     <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     {% endif %}
 
-    <!-- KaTeX 0.16.9 -->
+    <!-- KaTeX 0.16.11 -->
     {% if site.katex or site.theme_settings.katex %}
     <script defer src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
     <script defer src="{{ '/assets/js/vendor/katex.auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
diff --git a/_sass/external/_katex.scss b/_sass/external/_katex.scss
index 7ec3793bb0..f9b2014d36 100644
--- a/_sass/external/_katex.scss
+++ b/_sass/external/_katex.scss
@@ -1,8 +1,10 @@
 /*!
- * KaTeX v0.16.9
- * Plus added customizations for the theme and font path
+ * KaTeX v0.16.11
+ * Plus added customizations for the theme
  */
-$katex-font-path: "../../assets/fonts/katex" !default;
+
+@use "katex/katex";
+
 .katex-display {
   @media screen and (max-width: $sm-break) {
     overflow-x: auto;
@@ -20,4 +22,4 @@ $katex-font-path: "../../assets/fonts/katex" !default;
   width: 100%;
 }
 
-@import "katex/katex";
+
diff --git a/_sass/external/katex/katex.scss b/_sass/external/katex/katex.scss
index 617213c788..d856abf272 100644
--- a/_sass/external/katex/katex.scss
+++ b/_sass/external/katex/katex.scss
@@ -1,3 +1,4 @@
+$katex-font-path: "../../assets/fonts/katex" !default;
 $font-family_1: KaTeX_Main;
 $font-family_2: KaTeX_SansSerif;
 $font-family_3: KaTeX_Typewriter;
@@ -182,7 +183,6 @@ $border-color_1: currentColor;
   }
   .textsf {
     font-family: $font-family_2;
-    font-family: $font-family_2;
   }
   .texttt {
     font-family: $font-family_3;