• Hello,

    I tried using Google Fonts plugins but they don’t have Tahoma. What code should I add in Custom CSS to have the Titles and Content of the Grid items (on the front page) displayed in Tahoma font?

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Tahoma is a font commonly installed on both Windows and Mac computers, so all you need to do is to find the CSS selectors where you want Tahoma and then create the custom CSS rules to set the font family for those to a Tahoma font stack.

    Tahoma, Geneva, sans-serif
    Three fonts are included in the font stack, the second and third being fall-back fonts in the event that Tahoma is not installed on a visitor’s computer.

    Thread Starter sudus

    (@sudus)

    Thank you for your reply. Here’s what I have now: https://prntscr.com/jwks4y

    The top row is my page content – Tahoma font; Second row – Grid Title – not sure what font it is, even though I think the code above should make it Tahoma; and the bottom row is the grid content – Montserrat currently which I had set before and not able to get rid of, now…

    When you say “find the CSS selectors where you want Tahoma” – where should I be looking for this? which selectors do \I need specifically for the Grid item content? Is it possible to do this without editing the theme CSS? Can I just add a custom CSS?

    I already have this in the Custom CSS code:

    .widget-title, .widget-title a {
    font-family: ‘tahoma’, ‘georgia’, ‘times new roman’, serif;
    text-transform: none;
    }

    .footer-widget-area {
    font-family: ‘tahoma’, ‘georgia’, ‘times new roman’, serif;
    text-transform: none;

    Can I add something like this for the Grid font?

    Please let me know how to do this. Many thanks!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Not being able to see your site, I had to go off of the Sela demo site, but you can give this a try.

    body.home, .front-widget-area .widget-title, body.home .widget-title, body.home .widget p {
      font-family: ‘Tahoma’, ‘Geneva’, ‘times new roman’, serif !important;
    }

    I’ve used the body.home to limit this to only your front page.

    Thread Starter sudus

    (@sudus)

    Thank you! This changed the widget titles successfully but did not have effect on widget content (text). Is there a code we could add to also affect the widget content area?

    Thanks a lot!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hmmm, testing on my test site, it does change the widget text.

    If your site is live, can we have a link to it?

    Thread Starter sudus

    (@sudus)

    My site is not live… What I will do is try to disable font plugins that I use, and see if maybe they have something to do with the code not having effect on the widget content. Thank you!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Good idea. Let us know how things go.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to edit the font of the grid items Title and Content?’ is closed to new replies.