1
+ {{--
2
+
3
+
4
+ |--------------------------------------------------------------------------
5
+ | Custom assets
6
+ |--------------------------------------------------------------------------
7
+
8
+ Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
9
+ Custom assets can be any file you would like to use in your theme.
10
+ For example: JS, CSS or image files.
11
+
12
+ You can load these custom assets with a built-in function, 'themeAsset()'.
13
+ Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
14
+
15
+ Down below, you can find a few examples using this function:
16
+
17
+
18
+
19
+ --}}
20
+
21
+ <style >
22
+ /* cyrillic */
23
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
24
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-cyrillic-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-cyrillic-400-normal.woff' )} }' );
25
+ unicode-range : U+0301 ,U+0400-045F ,U+0490-0491 ,U+04B0-04B1 ,U+2116 ;
26
+ }
27
+ /* cyrillic-ext */
28
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
29
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-cyrillic-ext-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-cyrillic-ext-400-normal.woff' )} }' );
30
+ unicode-range : U+0460-052F ,U+1C80-1C88 ,U+20B4 ,U+2DE0-2DFF ,U+A640-A69F ,U+FE2E-FE2F ;
31
+ }
32
+ /* greek */
33
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
34
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-greek-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-greek-400-normal.woff' )} }' );
35
+ unicode-range : U+0370-03FF ;
36
+ }
37
+ /* greek-ext */
38
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
39
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-greek-ext-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-greek-ext-400-normal.woff' )} }' );
40
+ unicode-range : U+1F00-1FFF ;
41
+ }
42
+ /* latin */
43
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
44
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-latin-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-latin-400-normal.woff' )} }' );
45
+ unicode-range : U+0000-00FF ,U+0131 ,U+0152-0153 ,U+02BB-02BC ,U+02C6 ,U+02DA ,U+02DC ,U+2000-206F ,U+2074 ,U+20AC ,U+2122 ,U+2191 ,U+2193 ,U+2212 ,U+2215 ,U+FEFF ,U+FFFD ;
46
+ }
47
+ /* latin-ext */
48
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
49
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-latin-ext-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-latin-ext-400-normal.woff' )} }' );
50
+ unicode-range : U+0100-024F ,U+0259 ,U+1E00-1EFF ,U+2020 ,U+20A0-20AB ,U+20AD-20CF ,U+2113 ,U+2C60-2C7F ,U+A720-A7FF ;
51
+ }
52
+ /* vietnamese */
53
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 400 ;
54
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-vietnamese-400-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-vietnamese-400-normal.woff' )} }' );
55
+ unicode-range : U+0102-0103 ,U+0110-0111 ,U+0128-0129 ,U+0168-0169 ,U+01A0-01A1 ,U+01AF-01B0 ,U+1EA0-1EF9 ,U+20AB ;
56
+ }
57
+ /* cyrillic */
58
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
59
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-cyrillic-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-cyrillic-700-normal.woff' )} }' );
60
+ unicode-range : U+0301 ,U+0400-045F ,U+0490-0491 ,U+04B0-04B1 ,U+2116 ;
61
+ }
62
+ /* cyrillic-ext */
63
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
64
+ font-display : swap ;
65
+ src : url (' {{ themeAsset (' roboto-cyrillic-ext-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-cyrillic-ext-700-normal.woff' )} }' );
66
+ unicode-range : U+0460-052F ,U+1C80-1C88 ,U+20B4 ,U+2DE0-2DFF ,U+A640-A69F ,U+FE2E-FE2F ;
67
+ }
68
+ /* greek */
69
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
70
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-greek-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-greek-700-normal.woff' )} }' );
71
+ unicode-range : U+0370-03FF ;
72
+ }
73
+ /* greek-ext */
74
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
75
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-greek-ext-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-greek-ext-700-normal.woff' )} }' );
76
+ unicode-range : U+1F00-1FFF ;
77
+ }
78
+ /* latin */
79
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
80
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-latin-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-latin-700-normal.woff' )} }' );
81
+ unicode-range : U+0000-00FF ,U+0131 ,U+0152-0153 ,U+02BB-02BC ,U+02C6 ,U+02DA ,U+02DC ,U+2000-206F ,U+2074 ,U+20AC ,U+2122 ,U+2191 ,U+2193 ,U+2212 ,U+2215 ,U+FEFF ,U+FFFD ;
82
+ }
83
+ /* latin-ext */
84
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
85
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-latin-ext-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-latin-ext-700-normal.woff' )} }' );
86
+ unicode-range : U+0100-024F ,U+0259 ,U+1E00-1EFF ,U+2020 ,U+20A0-20AB ,U+20AD-20CF ,U+2113 ,U+2C60-2C7F ,U+A720-A7FF ;
87
+ }
88
+ /* vietnamese */
89
+ @font -face { font-family : ' Roboto' ; font-style : normal ; font-weight : 700 ;
90
+ font-display : swap ; src : url (' {{ themeAsset (' roboto-vietnamese-700-normal.woff2' )} }' ), url (' {{ themeAsset (' roboto-vietnamese-700-normal.woff' )} }' );
91
+ unicode-range : U+0102-0103 ,U+0110-0111 ,U+0128-0129 ,U+0168-0169 ,U+01A0-01A1 ,U+01AF-01B0 ,U+1EA0-1EF9 ,U+20AB ;
92
+ }
93
+ </style >
0 commit comments