Add Google Webfont

I know how to call the font and format the css, but it would be helpful to know which theme stylesheet the other webfonts are called out in so I can add it. I just added the @import code to the beginning of virtue.css which works, but I’m sure that’s not the best place.

Hey @seenorimagined,
I would suggest using a plugin like this: https://www.ads-software.com/plugins/use-any-font/
Hope it’s helpful!

Hannah

Thanks @hannahritner. The plugin would work, but I’d like to figure out where in the theme files I could add more fonts if anyone knows. The code in question is “link rel=’stylesheet’ id=’redux-google-fonts-virtue-css’ href=” I can change the link if I could find where!

Hey,

It looks like Notable was recently added. It will be part of the next theme update to include that and the few other recently added google fonts into the theme options > typography settings.

For now I don’t suggest adding to the theme stylesheet because that will be overridden once you update the theme. So it best to either use a child theme or add the import css through the theme options > advanced settings.

As for the “redux-google-fonts-virtue-css” that is generated based on the selections made in your theme options. It’s not a file that is located anywhere or one that you can edit because it’s generated.

So if you need the font today I suggest adding the import script in your theme options > advanced settings then adding css to override wherever you want that font to show.

Thanks for posting about this new font.

Ben

Huh. I did start out trying to add the @import to the custom css box and it didn’t work. Maybe that was a cache issue.

Can you post a link with the import added so I can see?

Ben

Okay, it works in Chrome but not Firefox
https://www.landbirdsupply.com/about/

ok, interesting has to do with the @import being at the top of the file and because hte custom css box in the theme options outputs with other css it’s not working.

a workaround is to go to appearance > customizer at the bottom left click on “additional CSS” and there add in your import css. Just make sure it’s at the very top.

Ben

Hmm, it’s still not working for me in Firefox. I can probably wait for the update, I’m still launching and not getting a lot of traffic right now.

Thanks for being responsive and keeping the theme up to date!

Adding the stylesheet link with a plugin that inserts headers seems to work.