Fonts google - by Orna Ohayon - on WordPress WooCommerce support

This topic has 21 replies, 4 voices, and was last updated 5 years ago ago by Rose Tyler

  • Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    August 16, 2018 at 18:42

    Hello,

    Does the template support the font Heebo?
    If it do
    Where do I change all the site font to this?

    Best regards
    Orna

    20 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 17, 2018 at 08:01

    Hello,

    Please try this custom css code:

    body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .button, button, .coupon .button, input[type="submit"], .fixed-header .menu > li > a, .main-nav .menu > li > a, input, button, select, textarea {
        font-family: 'Heebo', sans-serif;
    }

    Let me know the result.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    August 17, 2018 at 14:26

    Hello,

    I put the cod but it didn’t changed
    https://snag.gy/g52oph.jpg

    https://fonts.google.com/specimen/Heebo

    sorry Rose, you didn’t answer for:
    Does the template support the font Heebo?

    I like to change because if the template does not support it it will make problem with Leverage browser caching, this is the reason that I like to change the font type.

    Best regards
    Orna

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 20, 2018 at 14:21

    Hello,

    Go to Theme Options > Typography > and choose font for the elements you need http://prntscr.com/kkstwg

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    October 7, 2018 at 10:26

    Hello,

    I did it, but I still see the Error
    https://snag.gy/hS3vq5.jpg

    Does the template support the font Heebo?

    This cod repeated:

    {
    if (typeof listener != “function”)
    throw new Error(invalidMessageListenerError);

    let wrapper = messageListeners.get(listener);
    if (wrapper)
    {

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 8, 2018 at 10:37

    Hello,

    We have checked the product from your screenshot and don’t see any error in the console http://prntscr.com/l3hpb2 also don’t see the problem with the font http://prntscr.com/l3hqgs
    Theme support the google fonts including Heebo font.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    October 8, 2018 at 11:41

    Thanks Olga,

    So what is that Error that I see?

    also I see that the font-family: ‘Lato’ is exist in my site,
    where do I delete or change it all to Heebo ?
    https://snag.gy/Rd9y8r.jpg

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 11, 2018 at 09:44

    Hello,

    We have removed the Lato font. But can’t find the js error. Could you, please, provide screenshot of the error message in console, not the code in the file like you did? Also, what version of browser do you use?

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    October 11, 2018 at 10:51

    Hello,

    Thanks for removing Lato font

    My browser version is:
    Google Chrome
    Version 69.0.3497.100 (Official Build) (64-bit)

    screenshot of the error message in console:
    index > sources > polyfill.js:
    https://snag.gy/f7onTc.jpg
    https://snag.gy/pvlTr7.jpg
    font-family: ‘Heebo’, – there is a cross on the text:
    https://snag.gy/0AHtDS.jpg
    https://snag.gy/KepWjg.jpg

    Hop that it will help

    Regards,
    Orna

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 11, 2018 at 13:30

    Hello,

    Why did you decide that this error https://snag.gy/pvlTr7.jpg is related to polyfil.js https://snag.gy/f7onTc.jpg ? Read this topic https://wordpress.org/support/topic/failed-to-set-referrer-policy-error/
    It’s because you added custom styles and also chose the font in theme options. I have removed body from child theme style.css. Check now.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    October 11, 2018 at 13:56

    Many Thanks Olga.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2018 at 14:06

    Hello,

    You’re welcome!

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    February 26, 2019 at 12:43

    Hello,

    There are many places where the font is not identical to the main font HEBO
    How do I change the entire font to be under HEBO?
    For example, in a mobile menu, on the home page, all the texts appearing below Slider include Potter, H1, H2, H3, H4, H5, H6, H5,

    Best Regards
    Orna

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2019 at 14:08

    Hello,

    Theme Options > Typography > Mobile menu font and Mobile headings font.
    Do not forget to clear cache after applying changes.
    On the home page you added custom css – https://prnt.sc/mqcdqy and

    body, h3 {
        font-family: Arimo !important;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: Arimo !important;
    }

    legenda-child/style.css.
    Delete this custom css code.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    February 28, 2019 at 16:59

    Hello,

    I delete the cod in legenda-child/style.css.
    and add it in the Home page
    https://snag.gy/n1F6Sp.jpg

    I cleared cache and refresh the home page
    Nothing change

    Please your Help
    Regards

    Avatar: John Holden
    John Holden
    Support staff
    March 1, 2019 at 04:44

    Hi,

    It’s working for my side http://prntscr.com/mrn1mt

    Regards,
    Hung PD

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 1, 2019 at 10:04

    Hello, Orna Ohayon

    I thought you want to have Hebo font, so I asked to delete all custom css code where Arimo font is mentioned http://prntscr.com/mrq64t
    If you do not what to delete code of Arimo font, please describe you goal in more details, because the desired result in a bit unclear for me.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    March 3, 2019 at 12:06

    Hello,

    Yes, U understand me right, I want to have Hebo font, all over the site
    and I did delete the code on legenda-child/style.css.
    and in custom css code.

    But nothing changed even I restart the computer
    https://snag.gy/CrhKma.jpg

    Best Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 4, 2019 at 08:11

    Hello,

    Please delete this code from the Home page https://prnt.sc/msvmbx if you do not want to use Arimo font, all custom css that includes this font needs to be deleted.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    March 4, 2019 at 11:22

    Thank you very much (:
    You fix it!!!

  • 1 2
    Viewing 20 results - 1 through 20 (of 21 total)

The issue related to '‘fonts google’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.