Site logo

Archived topic

Can't find fond face in adding typography

5 replies · Started by Yannick on September 23, 2022

Viewing posts 1–6 of 6

Hello guys,

I wanted to upload a local font. I have uploaded it by ftp to my folder. (http://www.milieumc.nl/wp-content/uploads/2022/09/LOVES.TTF)

I added the font face

@font-face {
font-family: 'test';
font-style: normal;
font-weight: 400;
src: url('http://www.milieumc.nl/wp-content/uploads/2022/09/LOVES.TTF') format('truetype'), /* Safari, Android, iOS */

but i can not find it when i add to the typography in customizer..

how does this work?

Hi there,

The font won't appear in the dropdown list of the fonts.

You can add the font name directly in the font manager at customizer > typography.
https://www.screencast.com/t/wW5D9MUe4

But make sure the link to the font file and the @font-face CSS are both correct.

I did this, it doesn't work. I think everything is correct. Can you please check in my back-end? I don't know what i'm doing wrong.

Try change the CSS from:

@font-face {
  font-family: 'test';
  src: url('http://www.milieumc.nl/wp-content/uploads/2022/09/LOVES-1.ttf') format('truetype'),
}

to

@font-face {
  font-family: 'test';
  src: url('https://www.milieumc.nl/wp-content/uploads/2022/09/LOVES-1.ttf') format('truetype');
}

It worked, so dumb that i didn't see that. Thanks for the good help :)

You are welcome :)

Glad to help!

This archived topic is closed to new replies.