Custom Fonts

1. Files to upload -> Advanced -> fontfiles

2. TTF, OTF, WOFF, WOFF2 or SVG Converter
Online @font-face generator
Transfonter

Raw SCSS to add

1
@font-face {
2
font-family: 'Space Grotesk';
3
src: url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Medium.eot');
4
src: url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
5
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Medium.woff2') format('woff2'),
6
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Medium.woff') format('woff'),
7
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Medium.ttf') format('truetype'),
8
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Medium.svg#SpaceGrotesk-Medium') format('svg');
9
font-weight: 500;
10
font-style: normal;
11
font-display: swap;
12
}
13
14
@font-face {
15
font-family: 'Space Grotesk';
16
src: url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Regular.eot');
17
src: url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
18
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Regular.woff2') format('woff2'),
19
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Regular.woff') format('woff'),
20
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Regular.ttf') format('truetype'),
21
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Regular.svg#SpaceGrotesk-Regular') format('svg');
22
font-weight: normal;
23
font-style: normal;
24
font-display: swap;
25
}
26
27
@font-face {
28
font-family: 'Space Grotesk';
29
src: url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Bold.eot');
30
src: url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
31
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Bold.woff2') format('woff2'),
32
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Bold.woff') format('woff'),
33
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Bold.ttf') format('truetype'),
34
url('YOURURL/pluginfile.php/1/theme_baz/fontfiles/0/SpaceGrotesk-Bold.svg#SpaceGrotesk-Bold') format('svg');
35
font-weight: bold;
36
font-style: normal;
37
font-display: swap;
38
}
39
body {
40
font-family: 'Space Grotesk';
41
}
Copied!
Copy link
Contents