Customisation of theme Typography: Fonts

[Junaid]

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?

[Anita]

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!

[Junaid]

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

[Anita]

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

---

Love coffee, chocolate and my Bella!

[Junaid]

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

[Str3lla]

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;
}

[Junaid]

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

[Anita]

@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