🌐 mirroring test!
Change the header font to Gilroy-Light and adjust styles.
+39
-4
+27
Gilroy-Light.css
+27
Gilroy-Light.css
···
1
+
/**
2
+
* @license
3
+
* MyFonts Webfont Build ID 3845902, 2019-12-09T17:25:49-0500
4
+
*
5
+
* The fonts listed in this notice are subject to the End User License
6
+
* Agreement(s) entered into by the website owner. All other parties are
7
+
* explicitly restricted from using the Licensed Webfonts(s).
8
+
*
9
+
* You may obtain a valid license at the URLs below.
10
+
*
11
+
* Webfont: Gilroy-Light by Radomir Tinkov
12
+
* URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light/
13
+
* Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
14
+
* Licensed pageviews: 500,000
15
+
*
16
+
*
17
+
*
18
+
* © 2019 MyFonts Inc
19
+
*/
20
+
21
+
22
+
/* @import must be at top of file, otherwise CSS will not work */
23
+
@import url("//hello.myfonts.net/count/3aaf0e");
24
+
25
+
26
+
@font-face {font-family: 'Gilroy-Light';src: url('webfonts/3AAF0E_0_0.eot');src: url('webfonts/3AAF0E_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AAF0E_0_0.woff2') format('woff2'),url('webfonts/3AAF0E_0_0.woff') format('woff'),url('webfonts/3AAF0E_0_0.ttf') format('truetype');}
27
+
+2
index.html
+2
index.html
···
7
7
<link rel="stylesheet" href="main.css" />
8
8
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" integrity="sha256-zIG416V1ynj3Wgju/scU80KAEWOsO5rRLfVyRDuOv7Q=" crossorigin="anonymous" />
9
9
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
10
+
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
11
+
<link rel="stylesheet" type="text/css" href="Gilroy-Light.css">
10
12
<!-- Global site tag (gtag.js) - Google Analytics -->
11
13
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-7053288-3"></script>
12
14
<script>
+10
-4
main.css
+10
-4
main.css
···
1
1
body {
2
2
background-color: #fffafe;
3
3
}
4
-
a {
5
-
color: #2196f3 !important;
4
+
h1, h2, h3 {
5
+
font-family: Gilroy-Light, sans-serif !important;
6
6
}
7
-
a:hover {
8
-
text-decoration: underline;
7
+
h1 {
8
+
letter-spacing: 0.05em;
9
9
}
10
10
h2::before {
11
11
content: "🌟";
12
12
margin-right: 0.5rem;
13
+
}
14
+
a {
15
+
color: #2196f3 !important;
16
+
}
17
+
a:hover {
18
+
text-decoration: underline;
13
19
}
14
20
.emoji {
15
21
width: 2.5rem;
webfonts/3AAF0E_0_0.eot
webfonts/3AAF0E_0_0.eot
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_0.ttf
webfonts/3AAF0E_0_0.ttf
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_0.woff
webfonts/3AAF0E_0_0.woff
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_0.woff2
webfonts/3AAF0E_0_0.woff2
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_unhinted_0.ttf
webfonts/3AAF0E_0_unhinted_0.ttf
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_unhinted_0.woff
webfonts/3AAF0E_0_unhinted_0.woff
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_unhinted_0.woff2
webfonts/3AAF0E_0_unhinted_0.woff2
This is a binary file and will not be displayed.