How can I activate custom font?

Hello @prosektorium

To activate/use the uploaded Custom Fonts you will be able to find them under the Typography > Family of any section.

Regards,
Suman

I can not find the uploaded fonts in the typography. How does the CSS look like for the font if I want to display them in the vanilla wordpress header for instance? What’s the url the fonts are installed to?

@font-face {
font-family: “MyFont”;
src: url(“?????”) format(“woff2”),
url(“?????”) format(“woff”);
}

.logo .header-logo-text {
font-family: MyFont;
font-size: 26px;
}

• This reply was modified 4 years, 10 months ago by mindphuk.
• This reply was modified 4 years, 10 months ago by mindphuk.
• This reply was modified 4 years, 10 months ago by mindphuk.
• This reply was modified 4 years, 10 months ago by mindphuk.

Hello @mindphuk

The fonts are uploaded to your website and they are loaded from them.

Here’s the screenshot of the path and CSS.

I hope that helps.

Regards,
Suman

Sorry that doesn’t work for me. I added this to my custom CSS but the title appears in Times.

@font-face {
font-family: “MurrayGrunge”;
src: url(‘https://mysite/wp-content/uploads/2020/01/Murray-Grunge.ttf ‘) format(“ttf”),
}

.site-title {
font-family: MurrayGrunge;
font-size: 26px;
}

The CSS shows font-family: MurrayGrunge a property of the title element but hovering above the font name in inspector shows the example text in the same default Times serif font.

• This reply was modified 4 years, 10 months ago by mindphuk.
• This reply was modified 4 years, 10 months ago by mindphuk.
• This reply was modified 4 years, 10 months ago by mindphuk.
• This reply was modified 4 years, 10 months ago by mindphuk.

Hello @mindphuk

Can you help us with the Site URL? As the link in the above attribute doesn’t open.

Looking forward to hearing from you!

Regards,
Suman