@@ -8,15 +8,23 @@ import faSolidHeavy2 from '@fortawesome/fontawesome-free/webfonts/fa-solid-900.w
8
8
9
9
/* Lato Regular */
10
10
import latoRegular from '../../assets/fonts/lato/Lato-Regular.ttf' ;
11
+ import latoRegularWoff from '../../assets/fonts/lato/Lato-Regular.woff' ;
12
+ import latoRegularWoff2 from '../../assets/fonts/lato/Lato-Regular.woff2' ;
11
13
12
14
/* Lato SemiBold */
13
15
import latoSemiBold from '../../assets/fonts/lato/Lato-SemiBold.ttf' ;
16
+ import latoSemiBoldWoff from '../../assets/fonts/lato/Lato-SemiBold.woff' ;
17
+ import latoSemiBoldWoff2 from '../../assets/fonts/lato/Lato-SemiBold.woff2' ;
14
18
15
19
/* Lato Bold */
16
20
import latoBold from '../../assets/fonts/lato/Lato-Bold.ttf' ;
21
+ import latoBoldWoff from '../../assets/fonts/lato/Lato-Bold.woff' ;
22
+ import latoBoldWoff2 from '../../assets/fonts/lato/Lato-Bold.woff2' ;
17
23
18
24
/* Lato Black */
19
25
import latoBlack from '../../assets/fonts/lato/Lato-Black.ttf' ;
26
+ import latoBlackWoff from '../../assets/fonts/lato/Lato-Black.woff' ;
27
+ import latoBlackWoff2 from '../../assets/fonts/lato/Lato-Black.woff2' ;
20
28
21
29
const Font = createGlobalStyle `
22
30
@font-face {
@@ -43,31 +51,31 @@ const Font = createGlobalStyle`
43
51
/* Lato Regular - 400 */
44
52
@font-face {
45
53
font-family: 'Lato';
46
- src: url(${ latoRegular } ) format('truetype');
54
+ src: url(${ latoRegularWoff2 } ) format('woff2'), url( ${ latoRegularWoff } ) format('woff'), url( ${ latoRegular } ) format('truetype');
47
55
font-weight: 400;
48
56
font-style: normal;
49
57
};
50
58
51
59
/* Lato Semi-Bold - 500 */
52
60
@font-face {
53
61
font-family: 'Lato';
54
- src: url(${ latoSemiBold } ) format('truetype');
62
+ src: url(${ latoSemiBoldWoff2 } ) format('woff2'), url( ${ latoSemiBoldWoff } ) format('woff'), url( ${ latoSemiBold } ) format('truetype');
55
63
font-weight: 500;
56
64
font-style: normal;
57
65
};
58
66
59
67
/* Lato Bold - 600 */
60
68
@font-face {
61
69
font-family: 'Lato';
62
- src: url(${ latoBold } ) format('truetype');
70
+ src: url(${ latoBoldWoff2 } ) format('woff2'), url( ${ latoBoldWoff } ) format('woff'), url( ${ latoBold } ) format('truetype');
63
71
font-weight: 600;
64
72
font-style: normal;
65
73
};
66
74
67
75
/* Lato Black - 900 */
68
76
@font-face {
69
77
font-family: 'Lato';
70
- src: url(${ latoBlack } ) format('truetype');
78
+ src: url( ${ latoBlackWoff2 } ) format('woff2'), url( ${ latoBlackWoff } ) format('woff'), url(${ latoBlack } ) format('truetype');
71
79
font-weight: 900;
72
80
font-style: normal;
73
81
};` ;
0 commit comments