Best Way To Add Custom Font To Magazine Pro

[thoa]

Hi there,

I'm trying to follow this tutorial to add custom fonts to my Magazine Pro child theme, but already I can't find the header.php file.

Here is the tutorial:
http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/

I'm trying to follow the optimize way. Any idea how I can incorporate this to Magazine Pro?

Here is the link to my site:
http://www.cherryimprintdesign.com

Thank you so so much!

http://www.cherryimprintdesign.com

[emasai]

Read further down the page, the article tells you how to add the fonts to Genesis themes.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[thoa]

Do I need to follow the header.php step? Because I can't find the file in Magazine Pro; or do I need to place that code somewhere else? Thank you so much!

[Brad Dalton]

Thats not the correct way to add fonts in any theme.

You should always use the wp_enqueue_scripts hook.

Please copy the code from the view raw link and paste it at the end of your child themes functions.php file using a text editor like Notepad++

Source http://wpsites.net/web-design/custom-fonts-wordpress-font-face-generator/#Google_Fonts

---

Get Help – Book Consultation.

[thoa]

Thanks Brad. I tried the wp_enqueue_scripts hook but it doesn't work...

[Brad Dalton]

It came out of a StudioPress theme.

Please copy the code from the view raw link and paste it at the end of your child themes functions.php file using a text editor like Notepad++

Its the default code for the Agency Pro fonts.

Where did you paste it @thoa?

---

Get Help – Book Consultation.

[worldviewpr]

I have some questions about this, too. My problem originally stems from seeing google api taking 400+ms to load fonts, which is easily the largest chunks of time slowing down page load speed.

1. Does either the enqueue method or font-face generator address this issue?

2. It would seem that the font-face generator solution seems simple enough but when it comes to simply "changing" fonts in style.css it would be more than just changing names, as different fonts may require different config for weight, line height, margin, font-size, etc depending on the object, for optimal use. Or does none of that apply?

3. In the area of Mag Pro default style.css it defines font family: 'Icon'; --- Is this a branded font-family as search only produces links to posts about icons (images)? Would it be something to include in the generator kit?

4. I have some questions about use of Roboto and Raleway that can be a separate thread and how to incorporate them in either font-generator or enqueue method.

[Author]

Posts