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
