_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 font-display: swap;
67}
68
69/* Webfont: Lato-Italic */@font-face {
70 font-family: 'Lato';
71 src: url('/assets/fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
72 src: url('/assets/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
73 url('/assets/fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
74 url('/assets/fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
75 url('/assets/fonts/Lato-Italic.ttf') format('truetype');
76 font-style: italic;
77 font-weight: 400;
78 font-display: swap;
79}
80
81/* Webfont: Lato-Bold */@font-face {
82 font-family: 'Lato';
83 src: url('/assets/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
84 src: url('/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
85 url('/assets/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
86 url('/assets/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
87 url('/assets/fonts/Lato-Bold.ttf') format('truetype');
88 font-style: normal;
89 font-weight: 700;
90 font-display: swap;
91}
92
93/* Webfont: Lato-BoldItalic */@font-face {
94 font-family: 'Lato';
95 src: url('/assets/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
96 src: url('/assets/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
97 url('/assets/fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
98 url('/assets/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
99 url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype');
100 font-style: italic;
101 font-weight: 700;
102 font-display: swap;
103}
104/** =================== FIRA CODE ===================== **/
105
106@font-face {
107 font-family: 'Fira Code';
108 src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
109 url("/assets/fonts/FiraCode-Light.woff") format("woff");
110 font-weight: 300;
111 font-style: normal;
112 font-display: swap;
113}
114
115@font-face {
116 font-family: 'Fira Code';
117 src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
118 url("/assets/fonts/FiraCode-Regular.woff") format("woff");
119 font-weight: 400;
120 font-style: normal;
121 font-display: swap;
122}
123
124@font-face {
125 font-family: 'Fira Code';
126 src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
127 url("/assets/fonts/FiraCode-Medium.woff") format("woff");
128 font-weight: 500;
129 font-style: normal;
130 font-display: swap;
131}
132
133@font-face {
134 font-family: 'Fira Code';
135 src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
136 url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
137 font-weight: 600;
138 font-style: normal;
139 font-display: swap;
140}
141
142@font-face {
143 font-family: 'Fira Code';
144 src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
145 url("/assets/fonts/FiraCode-Bold.woff") format("woff");
146 font-weight: 700;
147 font-style: normal;
148 font-display: swap;
149}