Archived topic
Best Way To Add A Custom Font
5 replies · Started by Melanie Swan on May 1, 2020
Hi there,
I'm about to buy a font from Creative Market and wanted to check I can upload it to my site - so that my site speed is optimised.
The files I'll get are: TTF, WOFF, OTF
(It's NOT a google font)
I don't have a child theme and don't want any additional plugins. I want it hosted on my server ideally.
Is there a tutorial or post that tells me how to do this?
Many thanks,
Melanie.
Hi there,
yes - the same tutorial for adding google fonts applies:
https://docs.generatepress.com/article/adding-local-fonts/
It does mean you will need to create your @font-face rules but we can help with that iof you need :)
thanks so much David.
You're welcome
I am in the same situation as this, but I don't know how to create my own @font-face rules. It says you can help with this. How do I go about getting support for this?
Thanks
Hi Shannon,
Can you open a new topic for this? So you can see the private information text field in case we need it.
as for learning how to write @font-face rules, check these pages:
https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
https://css-tricks.com/snippets/css/using-font-face/
