If you want to use a web font that is not included in our font system, follow these steps to include it in the theme:
- Make sure you have installed the Uncode theme child, more info;
- Upload the fonts into the child theme's "fonts" folder (if you don't have one create an empty folder named "fonts"), screenshot ;
- Copy the CSS, provided by the font author, that you should have got from the font author and paste it inside the style.css of the theme child, it should look something like the code below, screenshot ;
- Create a new item inside the Theme Options → Typography → Custom Fonts;
- Set "Manually Entered" and insert the font name as it is in your CSS font-family property, for this example the font name is 'Poppins', please note that some fonts require quotation marks around the Manually Entered font family name:
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; src: url('fonts/Poppins.woff2') format('woff2'); }
Comments
0 comments
Article is closed for comments.