_sass/fonts.css (view raw)
1/** =================== MONTSERRAT =================== **/
2
3/** Montserrat Regular **/
4@font-face {
5 font-family: "Montserrat";
6 font-weight: 400;
7 font-style: normal;
8 src: url("/assets/fonts/Montserrat-Regular.woff2") format("woff2"),
9 url("/assets/fonts/Montserrat-Regular.woff") format("woff");
10 font-display: swap;
11}
12
13/** Montserrat Medium **/
14@font-face {
15 font-family: "Montserrat";
16 font-weight: 500;
17 font-style: normal;
18 src: url("/assets/fonts/Montserrat-Medium.woff2") format("woff2"),
19 url("/assets/fonts/Montserrat-Medium.woff") format("woff");
20 font-display: swap;
21}
22
23/** Montserrat Regular-Italic **/
24@font-face {
25 font-family: "Montserrat";
26 font-weight: 400;
27 font-style: italic;
28 src: url("/assets/fonts/Montserrat-Italic.woff2") format("woff2"),
29 url("/assets/fonts/Montserrat-Italic.woff") format("woff");
30 font-display: swap;
31}
32
33/** Montserrat Bold **/
34@font-face {
35 font-family: "Montserrat";
36 font-weight: 700;
37 font-style: normal;
38 src: url("/assets/fonts/Montserrat-Bold.woff2") format("woff2"),
39 url("/assets/fonts/Montserrat-Bold.woff") format("woff");
40 font-display: swap;
41}
42
43/** Montserrat Bold-Italic **/
44@font-face {
45 font-family: "Montserrat";
46 font-weight: 700;
47 font-style: italic;
48 src: url("/assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"),
49 url("/assets/fonts/Montserrat-BoldItalic.woff") format("woff");
50 font-display: swap;
51}
52
53
54/** ==================== LATO ======================== **/
55
56/* Webfont: Lato-Regular */
57@font-face {
58 font-family: 'Lato';
59 src: url('/assets/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
60 src: url('/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
61 url('/assets/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
62 url('/assets/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
63 url('/assets/fonts/Lato-Regular.ttf') format('truetype');
64 font-style: normal;
65 font-weight: 400;
66 text-rendering: optimizeLegibility;
67 font-display: swap;
68}
69
70/* Webfont: Lato-Italic */@font-face {
71 font-family: 'Lato';
72 src: url('/assets/fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
73 src: url('/assets/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
74 url('/assets/fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
75 url('/assets/fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
76 url('/assets/fonts/Lato-Italic.ttf') format('truetype');
77 font-style: italic;
78 font-weight: 400;
79 text-rendering: optimizeLegibility;
80 font-display: swap;
81}
82
83/* Webfont: Lato-Bold */@font-face {
84 font-family: 'Lato';
85 src: url('/assets/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
86 src: url('/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
87 url('/assets/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
88 url('/assets/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
89 url('/assets/fonts/Lato-Bold.ttf') format('truetype');
90 font-style: normal;
91 font-weight: 700;
92 text-rendering: optimizeLegibility;
93 font-display: swap;
94}
95
96/* Webfont: Lato-BoldItalic */@font-face {
97 font-family: 'Lato';
98 src: url('/assets/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
99 src: url('/assets/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
100 url('/assets/fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
101 url('/assets/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
102 url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype');
103 font-style: italic;
104 font-weight: 700;
105 text-rendering: optimizeLegibility;
106 font-display: swap;
107}
108/** =================== FIRA CODE ===================== **/
109
110@font-face {
111 font-family: 'Fira Code';
112 src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
113 url("/assets/fonts/FiraCode-Light.woff") format("woff");
114 font-weight: 300;
115 font-style: normal;
116 font-display: swap;
117}
118
119@font-face {
120 font-family: 'Fira Code';
121 src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
122 url("/assets/fonts/FiraCode-Regular.woff") format("woff");
123 font-weight: 400;
124 font-style: normal;
125 font-display: swap;
126}
127
128@font-face {
129 font-family: 'Fira Code';
130 src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
131 url("/assets/fonts/FiraCode-Medium.woff") format("woff");
132 font-weight: 500;
133 font-style: normal;
134 font-display: swap;
135}
136
137@font-face {
138 font-family: 'Fira Code';
139 src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
140 url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
141 font-weight: 600;
142 font-style: normal;
143 font-display: swap;
144}
145
146@font-face {
147 font-family: 'Fira Code';
148 src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
149 url("/assets/fonts/FiraCode-Bold.woff") format("woff");
150 font-weight: 700;
151 font-style: normal;
152 font-display: swap;
153}