How to add custom font for Avada WordPress Theme

Question

I want to use a custom font for my website which uses WordPress and Avada theme, I introduced the font via typography custom font option. But since its not listed on the Google or Standard fonts, I can't apply it on the headings or title or body.

How can I add a new font to the list of fonts in Avada theme and use it for different sections of the website?

or if I can change the css, which css and where I can change the fonts?

Answer 1

I solved it by editing the style.css in the themes\avada directory and imported my font via the font-face, plus I selected none for the font selection boxes in the typography section of the theme options otherwise they override my fonts

Actually the order of styles being applied is: style.css -> options in the theme options -> custom styles in the theme options

don't rely on editing avada.css which is dynamically generated after changing the theme options.

Answer 2

You will be able to change the CSS -- it will be located inside the theme directory, and the file will normally be called styles.css. If you import your font into the css file, you should be able to apply your Persian font instead of the default.