[Resolved] Can’t find fond face in adding typography

[Yannick]

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?

[Ying]

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.

[Yannick]

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.

[Ying]

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');
}

[Yannick]

It worked, so dumb that i didn’t see that. Thanks for the good help 🙂

[Ying]

You are welcome 🙂

Glad to help!

[Author]

Posts