Fonts different on desktop and mobile

[FifiLAUA]

Hello,

I was finally able to add custom fonts to my website through FTP and they work fine on the desktop but on mobile it’s different (same font, different weight). Do you know why this is the case and how I can stop this from happening?

I’ve attached pictures so you can see the difference.

Desktop

Mobile

On a separate note, are there any plans to make using custom fonts easier? The process in the documentation does not work for the most part, there’s a lot of faffing around with downgrading Wordpress etc in order to get it to work and even then, it’s not guaranteed to work.

Thanks

[ruenel]

Hello @FifiLAUA,

Thanks for writing in!

Regretfully font files were missing. I also saw you custom CSS and you are using the incorrect URLs.

Please see the secure note.

Be advised that the Font Manager is dependent on your WordPress settings. If the .ttf or .woff file is not allowed, you cannot certainly upload any font in the font manager. You must allow the file type first before you can upload the file.

• https://www.wpbeginner.com/wp-tutorials/how-to-add-additional-file-types-to-be-uploaded-in-wordpress/

Thanks.

[FifiLAUA]

Hi Ruenel,

Thanks for that, I think that’s solved it.

Regarding the comment about Font Manager being dependant on my Wordpress, may I suggest that you add this to the font manager page in docs - that’s not common knowledge and I imagine it would help a lot of people with similar problems!

Many thanks

Fiona

[tristup]

Hi Fiona,

Great that it is resolved now. And thanks for your suggestion on Font Manager.

Thanks