Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-02 13:33:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

hopefully improve font rendering

Browse Source
This commit is contained in:
Ben Phelps 2022-10-01 15:21:13 +03:00
parent 82b490c524
commit 09b4de08e3
3 changed files with 9 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/styles/font/Manrope.ttf Normal file
View File

Binary file not shown.

3
src/styles/globals.css
View File

@ -13,6 +13,9 @@ html,
body { body {
font-family: Manrope, "Manrope-Fallback", Arial, sans-serif; font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
overflow: hidden; overflow: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
#page_wrapper { #page_wrapper {

45
src/styles/manrope.css
View File

@ -13,49 +13,16 @@
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 200; font-weight: 200 800;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); font-style: normal;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"), url("./font/Manrope.ttf") format("ttf");
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "Manrope"; font-family: "Manrope";
font-weight: 300; font-weight: 200 800;
src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"); fint-style: italic;
font-display: swap; src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"), url("./font/Manrope.ttf") format("ttf");
}
@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-display: swap; font-display: swap;
} }