diff --git a/src/styles/font/Manrope.ttf b/src/styles/font/Manrope.ttf new file mode 100644 index 000000000..42a47034e Binary files /dev/null and b/src/styles/font/Manrope.ttf differ diff --git a/src/styles/globals.css b/src/styles/globals.css index cc1c56e91..4e7aad46d 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -13,6 +13,9 @@ html, body { font-family: Manrope, "Manrope-Fallback", Arial, sans-serif; overflow: hidden; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } #page_wrapper { diff --git a/src/styles/manrope.css b/src/styles/manrope.css index ee9041880..fd870e328 100644 --- a/src/styles/manrope.css +++ b/src/styles/manrope.css @@ -13,49 +13,16 @@ @font-face { font-family: "Manrope"; - font-weight: 200; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); + font-weight: 200 800; + font-style: normal; + src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"), url("./font/Manrope.ttf") format("ttf"); font-display: swap; } @font-face { font-family: "Manrope"; - font-weight: 300; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); - font-display: swap; -} - -@font-face { - font-family: "Manrope"; - font-weight: 400; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); - font-display: swap; -} - -@font-face { - font-family: "Manrope"; - font-weight: 500; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); - font-display: swap; -} - -@font-face { - font-family: "Manrope"; - font-weight: 600; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); - font-display: swap; -} - -@font-face { - font-family: "Manrope"; - font-weight: 700; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); - font-display: swap; -} - -@font-face { - font-family: "Manrope"; - font-weight: 800; - src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); + font-weight: 200 800; + fint-style: italic; + src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"), url("./font/Manrope.ttf") format("ttf"); font-display: swap; }