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