beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added different css file for @font-face

Browse source
This commit is contained in:
westtle 2024-02-11 21:19:59 +07:00
parent 48fc264c6b
commit eb7d89c209
3 changed files with 26 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
assets/styles/fonts.css Normal file
View file

@ -0,0 +1,25 @@
@font-face {
font-display: swap;
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: url("../fonts/roboto/roboto-400.eot");
src: url("../fonts/roboto/roboto-400.eot?#iefix") format("embedded-opentype"),
url("../fonts/roboto/roboto-400.woff2") format("woff2"),
url("../fonts/roboto/roboto-400.woff") format("woff"),
url("../fonts/roboto/roboto-400.ttf") format("truetype"),
url("../fonts/roboto/roboto-400.svg#Roboto") format("svg");
}
@font-face {
font-display: swap;
font-family: "Roboto Slab";
font-style: normal;
font-weight: 500;
src: url("../fonts/roboto-slab/roboto-slab-500");
src: url("../fonts/roboto-slab/roboto-slab-500?#iefix") format("embedded-opentype"),
url("../fonts/roboto-slab/roboto-slab-500.woff2") format("woff2"),
url("../fonts/roboto-slab/roboto-slab-500.woff") format("woff"),
url("../fonts/roboto-slab/roboto-slab-500.ttf") format("truetype"),
url("../fonts/roboto-slab/roboto-slab-500.svg#RobotoSlab") format("svg");
}

26
assets/styles/style.css
View file

@ -1,29 +1,3 @@
@font-face {
font-family: Roboto;
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("../fonts/roboto/roboto-400.eot");
src: url("../fonts/roboto/roboto-400.eot?#iefix") format("embedded-opentype"),
url("../fonts/roboto/roboto-400.woff2") format("woff2"),
url("../fonts/roboto/roboto-400.woff") format("woff"),
url("../fonts/roboto/roboto-400.ttf") format("truetype"),
url("../fonts/roboto/roboto-400.svg#Roboto") format("svg");
}
@font-face {
font-family: "Roboto Slab";
font-display: swap;
font-style: normal;
font-weight: 500;
src: url("../fonts/roboto-slab/roboto-slab-500");
src: url("../fonts/roboto-slab/roboto-slab-500?#iefix") format("embedded-opentype"),
url("../fonts/roboto-slab/roboto-slab-500.woff2") format("woff2"),
url("../fonts/roboto-slab/roboto-slab-500.woff") format("woff"),
url("../fonts/roboto-slab/roboto-slab-500.ttf") format("truetype"),
url("../fonts/roboto-slab/roboto-slab-500.svg#RobotoSlab") format("svg");
}
:root {
/* Fonts */
--font-roboto: Roboto, sans-serif;

1
index.html
View file

@ -24,6 +24,7 @@
<meta name="msapplication-TileImage" content="./assets/images/favicons/mstile-144x144.png">
<link rel="manifest" href="./manifest.webmanifest">
<link rel="stylesheet" type="text/css" href="./assets/styles/fonts.css">
<link rel="stylesheet" type="text/css" href="./assets/styles/style.css">
</head>
<body class="-flex-column -flex-grow">