How can I add a custom font

chjungo · June 2017

Hi,

I followed the instruction to add a custom font into wordpress. What I did so far.

1. Converted the TTF to WOFF, WOFF2, SVG, EOT

2. Create CSS- File

font-family: 'bauhaus_93regular';

src: url('bauhs93.eot');

src: url('bauhs93.eot?#iefix') format('embedded-opentype'),

url('bauhs93.woff2') format('woff2'),

url('bauhs93.woff') format('woff'),

url('bauhs93.ttf') format('truetype'),

url('bauhs93.svg#webfont') format('svg');

font-weight: normal;

font-style: normal;

}

3. Uploaded everything into the ../betheme/fonts directory

So far so good, but how can I actually use the new font in the betheme?

Thx for your help

Christof

Bryan · June 2017

Hi,

to use custom fonts please go to theme options>fonts>custom

There you can add fonts and use them. Please upload all formats.

thanks

chjungo · June 2017

It worked. Thanks Christof

aflin · October 2018

Hi, how can I upload a bold, medium and black model of same custom font?

Pablo · October 2018

BeTheme in Theme Options allows to upload only two type of fonts.

If you want to upload more of them, you have to use a @font face rule.

Thanks

Comments