https://www.codecademy.com/courses/learn-css-typography/lessons/css-typography/exercises/font-face-iii?course_redirect=learn-css
@font-face {
font-family: Glegoo;
src: url(fonts/Glegoo-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 400;
src: local('Space Mono'), local('SpaceMono-Regular'), url(https://fonts.gstatic.com/s/spacemono/v1/L1KCByOyogPfEIepxkwC2CEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 700;
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(https://fonts.gstatic.com/s/spacemono/v1/vdpMRWfyjfCvDYTz00NEPIWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}/* Universal Styles */
html {
font-size: 16px;
font-family: "Arial", sans-serif;
}
body {
background-color: #F2F2F2;
}
h1 {
color: white;
font-size: 28px;
font-family: Georgia;
text-transform: uppercase;
text-align: center;
}
h2 {
font-size: 24px;
font-weight: 700;
line-height: 2.5;
font-family: Georgia;
word-spacing: 0.05em;
letter-spacing: 0.02em;
}
a {
text-decoration: none;
}
p {
margin: 16px 0;
line-height: 1.4;
font-family: Helvetica;
}
strong {
font-weight: bold;
}
#serif, /* Offset linked sections to account for header. */
#sans,
#mono {
padding-top: 77px;
margin-top: -77px;
}
/* Header */
.header {
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 1.25;
background-color: #fff;
position: fixed;
top: 0;
width: 100%;
font-weight: 900;
}
.header li {
display: inline-block;
}
.header a {
display: block;
color: #4A4A4A;
padding: 30px 20px;
}
a.home {
color: #4D00FF;
}
/* Banner Section */