Return to previous page

Local webfont issues - by nic_and_mel - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

nic_and_mel

Participant

April 26, 2015 at 12:22

Hello!

I have problems with changing the standard web-font (raleway) to a custom, local font I want to use, Brandon Grotesque.

1. I have uploaded the font in the font-folder in the woopress theme folder
2. I have changed all the references from raleway to BrandonGrotesque-Regular in the style.css (short question, should I do those changes to the style.css in the child-theme instead? Then I might just as well copy all the css from the org style.css):?

Now everything worked in safari, without any additional css in the custom.css file.

However it does not work in firefox or on my ipad/iphone, where the font defaults to helvetica, so I added this code to the custom.css, but it still does not pick up my local font:

@font-face {
font-family: “BrandonGrotesque”;
font-style: normal;
font-weight: normal;
src: local(“BrandonGrotesque”), local(“BrandonGrotesque-Regular”), url(“http://www.nicandfriends.com/wp-content/themes/woopress/fonts/brandon/2E037A_0_0.woff”) format(“woff”), url(“http://www.nicandfriends.com/wp-content/themes/woopress/fonts/brandon/2E037A_0_0.woff2”) format(“woff2”), url(“http://www.nicandfriends.com/wp-content/themes/woopress/fonts/brandon/2E037A_0_0.svg”) format(”svg”);
}

What am I doing wrong?

Best regards
Daniel

#59714 Copied

4 Answers

nic_and_mel

Participant

April 26, 2015 at 13:16

Hi!

Sorry for the question above. I solved it by using the correct synax 🙂

Best regards
Daniel

#59719 Copied

Jimbo

Participant

April 26, 2015 at 13:20

Daniel,

can you explain how you solved this, I’m looking at installing a font this way … what did you do wrong?

#59720 Copied

Jimbo

Participant

April 26, 2015 at 17:31

its ok, I worked it out and see what you mean, needs to be url not local for the path

#59778 Copied

Eva Kemp

Support staff

April 26, 2015 at 18:04

Hello,

We’re glad the issue has been resolved.
If there are any questions feel free to contact us.

Regards,
Eva Kemp.

#59781 Copied
Tagged: issues, local, themes, webfont, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)