Return to previous page

How Add Custom Web Fonts ? - by angelmunoz

This topic has 2 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

angelmunoz

Participant

July 22, 2018 at 07:07

Hi, I want to add custom web fonts in the template customization options.

The fonts I want to add are not found in Google fonts, they are our web fonts.

Can you tell me the instructions?

#197081 Copied

1 Answer
Rose Tyler

Support staff

July 23, 2018 at 08:19
Hello,

By default, there is no possibility to add custom font in Theme Options, this request additional customization (additional customization in source code is out of our support scope).
You may use css code in Theme Options > Styling > Custom css or style.css file of child theme, for example:
```
@font-face {
 font-family: "Open Sans";
 src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
```
set own path to font
and then you will be able to aply the font for elements via custom css code.

Regards
#197099 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Shoes Store – WooCommerce Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.