How can I add a custom font

chjungo

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-face{ ;

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

chjungo

It worked. Thanks Christof

aflin

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

Pablo

aflin,

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.

https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next