dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-07 06:08:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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
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 {
font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
overflow: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#page_wrapper {

45
src/styles/manrope.css
View file

@ -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;
}