Support » Theme: Goran » Change Font

  • Resolved churchillnancy

    (@churchillnancy)


    Hi There,
    My mentor likes my site, but wants me change the Font used on the site. Is there a way to do this? She was thinking Tahoma.

    Gratefully Yours,
    Nancy

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @churchillnancy!

    You could use some custom CSS to set your theme’s font to Tahoma.

    I see you have Jetpack active on churchillcopywriting.com. Great! You can access that plugin’s CSS editor by navigating to Appearance → Customize → Additional CSS. In the editor there, copy/paste the following snippet:

    body, button, input, select, textarea {
        font-family: Tahoma, sans-serif;
    }

    If you want to experiment with special fonts that people are not likely to have installed on their computer or mobile device – i.e. not system fonts like Tahoma – then you’ll need to make sure your site pulls in that font somehow (it’s called “enqueuing” the font) in addition to defining it with CSS. A Google Font plugin is one way to do that.

    https://wordpress.org/plugins/search/google+fonts/

    Some of these plugins also let you also assign different elements to your selected font within the plugin’s settings area, without needing to write any CSS.

    Hope that information helps out!

    Hi @siobhyb!

    Thank you so much for your help! You made that change really easy. Once I could do that, I actually decided to go with Verdana, but that code snip and your clear directions were amazingly helpful! I was just about ready to give up on this Theme!

    Would you happen to know how to change the font used in the header image? I’d like that area to use a cursive font…

    Which leads do a different question… How do I find a cursive font that is a system font… I don’t know how to tell.

    Finally, I’m so curious, how can you tell by looking at my site that I have Jetpack activated?

    I’m an old programmer new to wordpress and CSS so I’m in that uncomfortable place of knowing that there should be a way to do what I want, but not knowing the code yet…

    Gratefully Yours, Nancy

    Hi Nancy!

    I’m glad that my answer helped out! 🙂

    Would you happen to know how to change the font used in the header image? I’d like that area to use a cursive font…

    You could target the text within the header image using .hero .page-title:

    .hero .page-title {
        font-family: cursive;
    }

    Please note that the above will use the default cursive system font that a person’s device is using. If you’d like to use a custom font then I recommend looking for a Google Fonts plugin:

    https://wordpress.org/plugins/search/google+fonts/

    Which leads do a different question… How do I find a cursive font that is a system font… I don’t know how to tell.

    System fonts differ from device to device and browser to browser. As there are so many variations of devices and browsers, it’s tricky to know which ones a particular font is supported by default on. You can read a bit more about this here, including examples of popular system fonts:

    https://www.w3.org/Style/Examples/007/fonts.en.html

    If you’d like to be certain of the way your font looks across all devices, I recommend downloading a font to your site using a plugin rather than relying on system fonts.

    Finally, I’m so curious, how can you tell by looking at my site that I have Jetpack activated?

    I was able to see your site by right-clicking on it and then selecting “View Source”. I could then see references to Jetpack within the site’s source code.

    Another way to find that out would be to enter the URL for it in our Jetpack Debug tool here:

    https://jetpack.com/support/debug/

    I’m an old programmer new to wordpress and CSS so I’m in that uncomfortable place of knowing that there should be a way to do what I want, but not knowing the code yet…

    That’s awesome! I’m glad you chose WordPress for your site and will be happy to help with questions as they come up.

    Hi Siobhan,
    I hope you’re having a lovely day, because you are certainly helping mine to improve dramatically.

    I included your code snip, and you’re right, I should probably try to get a Font Plug-in. That will have to be a project for another day.

    I’m very grateful for all your help today. It’s been very difficult to get timely responses from the Theme Developers.

    Is there a way to ask a specific person, ie. @siobhyb, for help on the forum?
    When I enter a question, there doesn’t seem to be an easy way to route it to someone that has helped me in the past.

    I’m really, incredibly grateful for your help, and I’ve subscribed to your site cause you’re just the best! 🙂

    Unconditionally Yours, Nancy

    Your kinds words definitely made my day! Thank you, Nancy. 🙂

    You can’t direct help to a certain person but I work with a team of people at Automattic, the company behind the Goran theme, who monitors this theme’s forum. All threads that you start will be answered by someone from the team.

    Well, today was my lucky day with Automattic support…
    Your responses were prompt and the instructions were clear.
    You solved several problems that were really troubling me.

    I’m grateful for your help today.
    Hope to speak with you again in the future,
    Unconditionally Yours, Nancy

    You’re most welcome, Nancy! I’m glad I could help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change Font’ is closed to new replies.