Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
In the Documentation it says you should be able to customize font and colors by going to Appearance > Customize > Menu or Appearance > Customize > Page but these don’t exist when I select customize. The documentation doesn’t say anything about whether this is for premium only? I only have today to work on this website :/
Can anyone help?
Hi Jrosa14
Thanks for running Vantage.
Apologies for the hassle. The documentation is due to get an update to indicate free and premium. The Customizer section is unfortunately all contained in the premium version. It’s possible to update from as little as $5 once off. You can view the offering from Appearance > Premium Upgrade.
Hi Andrew! Thanks for the reply. I upgraded and this helped a lot!
Only thing is that now I want to use a font that isn’t offered…Scala Baltic Regular, for all of my text (including headers)
I’m not really sure how to use CSS to do this or how to implement it. Sorry total newbie.
Glad you’re enjoying the extra options in premium. It doesn’t look like that’s a Google Font. So you’ll need to use a site like Font Squirrel to produce a web font. Here is the CSS you’ll need to add to Appearance > Custom CSS to use your web font:
@font-face { font-family: ‘proxima_nova_altlight’; src: url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.eot’); src: url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.woff’) format(‘woff’), url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.ttf’) format(‘truetype’), url(‘http://www.newpokerschool.it/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.svg#proxima_nova_altlight’) format(‘svg’); font-weight: normal; font-style: normal; } body { font-family: ‘proxima_nova_altlight’ !important; }That’s an example for promixa nova. All values and urls would need to be changed to your font choice.
Another option is to find a font with Google https://www.google.com/fonts that’s similar.
Thank you, Andrew!
I tried modifying the font using the webfont I got from Font Squirell. I put this in the customer css and hit save? But it doesn’t seem to make any change. Would you mind taking a look
@font-face { font-family: ‘scalasansotlight’; src: url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.eot’); src: url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.woff’) format(‘woff’), url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/scalasansot-light-webfont.ttf’) format(‘truetype’), url(‘http://www.lifechangeroftheyearnominees.com/wp-content/themes/vantage/fonts/proximanova/scalasansot-light-webfont.svg#scalasansotlight’) format(‘svg’); font-weight: normal; font-style: normal; } body { font-family: ‘scalasansotlight’ !important; }ACtually, I can’t even change the font using the customize tool. I’ve tried selecting some other fonts in case I can’t get Scala to work and it won’t change to any font….
/vantage/fonts/ isn’t an ideal place for the font files to be stored. They will get overwritten the next time the theme is updated.
Please send through a link with the Custom CSS in place and I’ll take a look.