quad
/
site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Eliminate Goolgle Fonts in favor of Poppins, an open-source font, which was ironically enough designed to be published via Google Fonts

This commit is contained in:
Quad 2019-09-13 19:13:49 +02:00
parent b3a7bd8c91
commit 0298809b61
6 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/poppins/Poppins-Light.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/poppins/Poppins-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/poppins/Poppins-Thin.woff2 Normal file
View File

Binary file not shown.

18
assets/fonts/poppins/poppins.css Normal file
View File

@ -0,0 +1,18 @@
@font-face {
font-family: 'Poppins';
src: url('Poppins-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('Poppins-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('Poppins-Thin.woff2') format('woff2');
font-weight: 100;
font-style: normal;
}

2
index.html
View File

@ -3,9 +3,9 @@
<title>Quad's site</title> <title>Quad's site</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/favicon.png" type="image/png"/> <link rel="icon" href="assets/favicon.png" type="image/png"/>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous">
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link href="assets/fonts/poppins/poppins.css" rel="stylesheet" />
</head> </head>
<body> <body>
<div id="site"> <div id="site">

2
style.css
View File

@ -40,7 +40,7 @@ a:hover {
overflow: hidden; overflow: hidden;
margin: 0; margin: 0;
color: #FFF; color: #FFF;
font-family: "Lato", sans-serif; font-family: "Poppins", sans-serif;
} }
#content { #content {