I would like to add a custom font to our webpage, one for headers and one for regular text. How do I achieve this within the Eris theme?
The blog I need help with is southforkagency.com.
That’s possible by using
Can you tell me do you plan to use the font that you have purchased separately or Google Fonts?
Thank you, please tell me more about the @font-face technique.
A previously bought font, yes.
For items like this, please feel free to reach out to the support included with your WordPress.com plan by starting a chat or sending an email via the form at https://wordpress.com/help/contact
Let us know if you’re still needing assistance with this over there. We’ll be happy to help!
We also review your support options, including the concierge support that is included with our Business plan at https://en.support.wordpress.com/help-support-options/
Font face technique allows you to embed any font into your site. In short – it’s will integrate any web font file that is stored on your server or on public remote location.
You will need:
1. Converted font files to web font – you can convert your font here: https://www.fontsquirrel.com/tools/webfont-generator
2. Upload converted font – you will need to upload all font files to your server or to remote location which can be accessed by the site
3. Add font definition to theme style.css – after getting zip file, you will need to copy font defition to your style.css
4. Add classes where you wish to use custom font – e.g. h1, h2, etc.
More details: https://css-tricks.com/snippets/css/using-font-face/
Let me know if you have any questions – and if you are having hard time with this I would gladly set it up for you.
The topic ‘Custom font’ is closed to new replies.