diff --git a/app/views/base/layout.scala b/app/views/base/layout.scala
index 7a10da3b06..d527f4fe67 100644
--- a/app/views/base/layout.scala
+++ b/app/views/base/layout.scala
@@ -36,7 +36,7 @@ object layout {
   import bits._
 
   private val noTranslate = raw("""<meta name="google" content="notranslate" />""")
-  private def fontPreload = raw(s"""<link rel="preload" href="${assetUrl(s"font/lichess.woff")}" as="font" type="font/woff" crossorigin/>""")
+  private def fontPreload = raw(s"""<link rel="preload" href="${assetUrl(s"font/lichess.woff2")}" as="font" type="font/woff2" crossorigin/>""")
   private val manifests = raw(List(
     """<link rel="manifest" href="/manifest.json" />""",
     """<meta name="twitter:site" content="@lichess" />"""
diff --git a/public/font/lichess.woff2 b/public/font/lichess.woff2
new file mode 100644
index 0000000000..e49fdbc1ae
Binary files /dev/null and b/public/font/lichess.woff2 differ
diff --git a/ui/common/css/base/_fonts.scss b/ui/common/css/base/_fonts.scss
index 8cdee69800..503d809d4b 100644
--- a/ui/common/css/base/_fonts.scss
+++ b/ui/common/css/base/_fonts.scss
@@ -3,7 +3,7 @@
 }
 @font-face {
   font-family: "lichess";
-  src: local-font("lichess.woff") format("woff");
+  src: local-font("lichess.woff2") format("woff2"), local-font("lichess.woff") format("woff");
   font-display: block;
   font-weight: normal;
   font-style: normal;