Return to previous page

Using Webfonts - by SherinSuzi - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Jack Richardson

SherinSuzi

Participant

May 24, 2014 at 06:45

Hello,

How would I install a new webfont to my site?

Could I install in such a way that I would be able to access the font via the Typography item under Theme Options?

Or would I have to edit the CSS? In this case, could I add the code to custom.css?

Thank you.

#4780 Copied

1 Answer
Jack Richardson

Support staff

May 24, 2014 at 08:09
Hello,

You can not add your font in theme options, but you can add it to custom.css with @font-face, see example:
```
@font-face {
font-family: 'Aleo-Regular';
src: url('css/fonts/aleo-regular-webfont.eot');
src: url('css/fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('css/fonts/aleo-regular-webfont.woff') format('woff'),
url('css/fonts/aleo-regular-webfont.ttf') format('truetype'),
url('css/fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
font-weight: normal;
font-style: normal;
}

h1,h2,h3,h4,h5,h6{
font-family:"Aleo-Regular";
}
```
Regards,
Jack Richardson
#4788 Copied
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Using Webfonts’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Handmade Store – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Home Decor Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Sport 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.