How to's

  1. Home
  2. Docs
  3. How to’s
  4. How to use custom fonts?

How to use custom fonts?

To use custom font files for your site you need to follow the below process:

  1. Create a folder to store your font file in your child theme ( eg a folder 'font' is created in: It's important to create a child theme and store the font file inside the child theme so that the font file is not overwritten when you update your theme.
  2.  In the style.css of your child theme add the below code. Here we are including a font called Alex, you need to replace the font name and file name that you are using.
  3. You can now style the text in the style.css of your child theme using the CSS font-family rule.
@font-face {
    font-family: Alex;  
    src: url(;  
    font-weight: normal;  
#apply { 
    font-family: "Alex", Arial, sans-serif; 
Was this article helpful to you? Yes No

How can we help?