_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/** ==================== LATO ======================== **/
22
23/* Webfont: Lato-Regular */
24@font-face {
25 font-family: 'Lato';
26 src: url('/assets/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
27 src: url('/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
28 url('/assets/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
29 url('/assets/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
30 url('/assets/fonts/Lato-Regular.ttf') format('truetype');
31 font-style: normal;
32 font-weight: normal;
33 text-rendering: optimizeLegibility;
34}
35
36/** =================== FIRA CODE ===================== **/
37
38@font-face {
39 font-family: 'Fira Code';
40 src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
41 url("/assets/fonts/FiraCode-Light.woff") format("woff");
42 font-weight: 300;
43 font-style: normal;
44}
45
46@font-face {
47 font-family: 'Fira Code';
48 src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
49 url("/assets/fonts/FiraCode-Regular.woff") format("woff");
50 font-weight: 400;
51 font-style: normal;
52}
53
54@font-face {
55 font-family: 'Fira Code';
56 src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
57 url("/assets/fonts/FiraCode-Medium.woff") format("woff");
58 font-weight: 500;
59 font-style: normal;
60}
61
62@font-face {
63 font-family: 'Fira Code';
64 src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
65 url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
66 font-weight: 600;
67 font-style: normal;
68}
69
70@font-face {
71 font-family: 'Fira Code';
72 src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
73 url("/assets/fonts/FiraCode-Bold.woff") format("woff");
74 font-weight: 700;
75 font-style: normal;
76}