• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Customisation of theme Typography: Fonts

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Customisation of theme Typography: Fonts

This topic is: not resolved

Tagged: customisation, Magazine Pro, theme

  • This topic has 7 replies, 3 voices, and was last updated 2 years, 11 months ago by Anita.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 19, 2020 at 7:25 pm #496841
    Junaid
    Member

    I am interested for going for the Magazine Pro Genesis theme. Studio Press website states that it comes with a Theme Customizer built in; what are the features can I customize, can I change the typography and font? If I have to use some fonts that are part of my brand identity will they be available (e.g Squada One and the Berkshire Swash) if not, can I easily download them in the Theme Customizer?

    Or will I have to download the Design Palette Pro plugin to deal with this?

    February 20, 2020 at 9:10 am #496852
    Anita
    Keymaster

    This is the community forum and not official theme support. I can't answer what's available in the Customizer. I think this is more of a presale question for StudioPress. They would be the ones to tell you exactly what you can and cannot do with their product. This way if you have additional questions, they can answer them.

    https://www.studiopress.com/contact/


    Love coffee, chocolate and my Bella!

    February 20, 2020 at 4:20 pm #496856
    Junaid
    Member

    Hi Anita
    Thank you for your message.

    I had reached out to Studio Press support before posting here. Actually they asked me to post my query here.

    In simple, I need to ask the community if someone has coded fonts into a Genesis child theme like Magazine Pro from Studio Press. If yes, can somebody help me with the coding for my brand fonts Berkshire Swash and Squada One.

    I hope this clarifies. Looking forward to some help on this.

    Regards

    Junaid

    February 20, 2020 at 5:37 pm #496857
    Anita
    Keymaster

    Here's a tutorial from WPBeginner on how to add them.


    Love coffee, chocolate and my Bella!

    February 20, 2020 at 6:15 pm #496862
    Junaid
    Member

    Thank you Anita.
    I believe the tutorial will be extremely helpful.

    Just wanted to confirm that the methods suggested would work with child themes in the Genesis framework right?

    Regards

    Junaid

    February 21, 2020 at 10:56 am #496877
    Str3lla
    Member

    Hi Junaid,
    I don't have Magazine PRO either. Anyway, you should be able to customize the fonts using one of the methods described in the tutorial provided by Anita in any Genesis Child Theme.

    Judging from the Theme Demo, Magazine PRO already uses a pair of fonts from Google Fonts (Raleway and Roboto). Since Berkshire Swash and Squada One are both present in Google Fonts, you should be able to find how the theme includes his default fonts and replace them with your fonts of choice.

    So, unless Magazine PRO provides a "non-coder friendly" solution, you can reach the desired result in 3 steps:

    1. Backup your child theme 🙂

    2. Edit the child theme files (most likely functions.php or appearance.php) to enqueue the desired font. This is done as described in the WBbeginner tutorial.
    You can search for wp_enqueue_script() in your function.php file and look for a font related style: maybe you can edit the existing code instead of creating it from scratch.

    3. Edit the style.css file.
    Search and replace the "font-family" value whenever you find it.

    For example, if you have:

    body {
    	
    	font-family: Roboto, sans-serif;
    	
    }
    

    It should became:

    body {
    	font-family: 'Squada One', sans-serif;
    }
    February 22, 2020 at 3:46 am #496891
    Junaid
    Member

    Hi Stella

    Thank you for the detailed clarification. I will use your steps along with Anita's tutorial to amend the fonts in the Genesis child theme.

    Much appreciated.

    Regards

    Junaid

    February 23, 2020 at 10:28 am #496905
    Anita
    Keymaster

    @junaid the easiest way to do it without modifying your functions.php file is how the tutorial I shared indicates. I think that would be a much better way to go. Personally, I'd go the Link Method and place that in the Genesis > Theme Settings > Header Scripts box or add a Header/Scripts plugin. The you'd only need to change the "font-family" where you want them.


    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble