Hey,
Is there a way I can make all my headings Rubik One from Google Fonts? Looks like it’s not in your dropdown.
Thanks!
Google Font Rubik One
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Cassie
I imagine Rubik One is a relatively new font if its not in the list. We’ll be sure to update that font lists for the next update :)
Awesome, thanks Greg!!
Hi Cassie
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@import url(https://fonts.googleapis.com/css?family=Rubik+One); h1, h2, h3, h4, h5, h6 { font-family: 'Rubik One', sans-serif; }You might also need to install the SiteOrigin CSS Editor.
This must be inserted at the top of your Custom CSS. The @import should be the first line of Custom CSS.
Thanks for the @import tip… I did this, putting that code on the very top of my custom CSS, but it isn’t working. Any idea?
solfarm.com
THANK YOU!!!! :)
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Solfarm.com… pay no attention to some of the broken images if you them. Having an issue w my host.
Try:
@import url(https://fonts.googleapis.com/css?family=Rubik+One); .layout-boxed h1, .layout-boxed h2, .layout-boxed h3, .layout-boxed h4, .layout-boxed h5, .layout-boxed h6 { font-family: 'Rubik One', sans-serif; }Awesome! That worked. Is it because I use the boxed layout for the theme?
Thanks very much for all your help!
For sure :) Glad we could help.
The nitty gritty if you’re interested:
The Customizer outputs CSS. Its font selection was taking precedence over our custom CSS. We added the body class relating to the boxed layout to increase specificity, thereby overriding the Customizer outputted CSS. We could have also used !important.