- This topic has 13 replies, 2 voices, and was last updated 2 years, 11 months ago by David.
June 6, 2018 at 10:06 pm #593669Stewart
Is there a step-by-step guide to using Google fonts? I can’t find anything helpful in your documentation– and yes I’ve read it. I need something a newbie can understand.GP Premium 1.6.2June 7, 2018 at 2:06 am #593790DavidStaffCustomer Support
Hi Stewart, what information do you feel you are missing?
By default GP loads the top 200 google fonts, all of which are accessible in the Customiser > Typography.
We have articles on now to load the entire list (or reduce the number loaded) as well as an article on loading fonts locally, so their is no request made of the Google API when loading them.
Let me knowJune 7, 2018 at 6:16 am #593990Stewart
I’d like to know how to specify a Google font for a single bit of text, not all the H1 or H2 styles. For example, I have a small headline within a div and I’d like to use a particular Google font with that bit of text and nowhere else. I can’t find anything in the documentation that tells me how to do that. The Customiser->typography control isn’t specific enough.
StuJune 7, 2018 at 6:25 am #593998DavidStaffCustomer Support
the simplest method is to use one of the smaller headings, H4, H5 or H6 and use that tag.
If you want to style the text directly then we can do this with some CSS if you’re interested.June 7, 2018 at 9:22 am #594200Stewart
I know CSS but don’t know how to specify a particular font. Can you just give me a code sample? For example this doesn’t work.
<span style=”font-family: ‘Abril Fatface’, cursive;”>This is a bit of text in Abril Fatface</span>June 7, 2018 at 9:34 am #594213DavidStaffCustomer Support
Hi Stewart, have you copied that mark-up from somewhere as there’s a possibility the inverted commas are wrong. Try copying and pasting this:
<span style="font-family: 'Abril Fatface', cursive;">This is a bit of text in Abril Fatface</span>June 7, 2018 at 10:22 am #594238Stewart
This comes out looking like Zapf Chancery, not Abril Fatface.
You can see it here: http://livemusichalifax.ca/test-of-google-font/
If I select Abril Fatface through the Customize->Typography tool it works fine.June 7, 2018 at 10:38 am #594248DavidStaffCustomer SupportJune 7, 2018 at 11:59 am #594353Stewart
Nope. Just that Zapf Chancery look, on two computers and three browsers. But it does work with the customiztion tool, so the fonts must be properly installed.June 7, 2018 at 1:08 pm #594394DavidStaffCustomer SupportJune 7, 2018 at 5:52 pm #594709Stewart
Nope, just goes sans-serifJune 7, 2018 at 7:03 pm #594746DavidStaffCustomer Support
Hi Stewart, apologies – having one of those days, for the font to load as an inline style it has to either have been installed locally or being called by the customiser. For example if you set the font in one of the headings within the customiser then this font will be fetched and the inline style will work.
If you don’t load it via the customiser then you need to add the fonts locally in a child theme. This document covers that function:June 7, 2018 at 7:10 pm #594747Stewart
OK– thanks for your help with this– don’t you ever sleep?
StuJune 7, 2018 at 7:17 pm #594752
- You must be logged in to reply to this topic.