Can’t get a Google font to show

  • Resolved beatty67

    (@beatty67)


    6 years, 10 months ago

    Hi,

    I made a child theme for twentyseventeen and have pretty much everything styled the way I want it, except for the font family. I want the Google font family “Lato” to be used throughout … but looking at it, I can tell it’s not being deployed. When I view element, I see that “Lato” is the first font-family item listed. Why doesn’t it get used?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It works for me on Chrome, which browser doesn’t it work for?

    Thread Starter beatty67

    (@beatty67)

    Hi – I’m looking at the homer page on Chrome and also Firefox (Mac).

    I’ve been clearing the browser cache/history constantly but the tell-tale sign that it’s not using Lato? It’s lower case g.

    Take a look at the first paragraph…

    …I offer you my reflections on politics, music, musical politics, political music, <b>language</b>…

    The g is all wrong. If you check out the font Lato you’ll see that the lowercase g has a curly tail.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh okay I was checking for the titles of things. Are you confirming that it works for titles, such as “HOMER”?

    Thread Starter beatty67

    (@beatty67)

    Yes – looks like the headers are okay.

    The navigation doesn’t use Lato, either, but that doesn’t bother me as much as the regular paragraph text in the body does. I want Lato to be used in all headers and paragraphs.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think it is applying to the paragraphs, but the font size and font weight makes it look different to the title. When I apply the same font weight, size, letter spacing, line height and uppercase transformation, the paragraphs look the same as the title.

    The first paragraph is the title, the second paragraph is the true paragraph: https://snag.gy/hqfP2J.jpg

    I don’t have Lato installed and anything seems to be using Lato for me.

    In your Google Fonts query you aren’t including Lato, so that might be the problem. Are you able to change

    //fonts.googleapis.com/css?family=Playfair+Display:400,700%7CBellefair%7CFredericka+the+Great%7COpen+Sans+Condensed:300%7COpen+Sans%7CLibre+Franklin%3A300%2C300i%2C400%2C400i%2C600%2C600i%2C800%2C800i&subset=latin%2Clatin-ext

    to

    //fonts.googleapis.com/css?family=Lato|Playfair+Display:400,700%7CBellefair%7CFredericka+the+Great%7COpen+Sans+Condensed:300%7COpen+Sans%7CLibre+Franklin%3A300%2C300i%2C400%2C400i%2C600%2C600i%2C800%2C800i&subset=latin%2Clatin-ext

    ?

    Thread Starter beatty67

    (@beatty67)

    @felipeelia — I completely forgot that I had added Google fonts query both to the functions.php file and also the header.php.

    So I just removed the functions call and added Lato to header.php — and now everything looks perfect.

    Thanks very much for your help… and also shout out to @anevins! Made my day.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Can’t get a Google font to show’ is closed to new replies.