Best Way To Add Custom Font To Magazine Pro

Community Forums Forums Design Tips and Tricks Best Way To Add Custom Font To Magazine Pro

This topic is: not resolved

This topic contains 6 replies, has 4 voices, and was last updated by  worldviewpr 8 months, 3 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #70493

    thoa
    Participant
    Post count: 3

    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
    #70499

    emasai
    Participant
    Post count: 648

    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

    #70501

    thoa
    Participant
    Post count: 3

    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!

    #70544

    braddalton
    Participant
    Post count: 8871

    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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #70613

    thoa
    Participant
    Post count: 3

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

    #70629

    braddalton
    Participant
    Post count: 8871

    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?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #71015

    worldviewpr
    Participant
    Post count: 48

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.