Changing Fonts throughout theme

Discussion in 'RoadFighter WordPress Theme' started by sequentialmac, Feb 1, 2014.

  1. sequentialmac

    sequentialmac New Member

    Joined:
    Sep 22, 2013
    Messages:
    9
    Likes Received:
    0
    Hey guys!

    I wanted to change the header font throughout the site to a font that I use in my branding scheme called "Eurostile" and I'm not sure how this is done. I tried to follow this post: http://www.inkthemes.com/community/threads/changing-the-font-through-the-roadfighter-theme.7831/ to be able to at least change the font to Arial and was NOT able to do it.

    One last question, I have both pro and normal roadfighter installed on my wordpress (by mistake) and when accessing the folders I'm not sure if roadfightertheme or road-fighter is the right folder to make the changes.

    My website is www.sequentialmac.com

    Thanks!
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    For this issue follow the steps given below.

    1. Go to the link http://www.google.com/fonts/ and search your font.
    2. Click on the Quick use button.

    [​IMG]


    3. After click, Scroll down the page and copy the font link from the 3rd point of that page as shown in the image given below.

    [​IMG]

    and paste it with the import code in the style.css file (Theme directory ->style.css ) as shown in the image given below.
    [​IMG]


    and use this font in the Custom CSS code.

    For example:

    Paste the code, like given below, in the Custom CSS section.
    Code:
    h1,h2,h3,h4,h5,h6{
    font-family: noto serif;
    }

    This will solve your font issue.


    Roadfightertheme is the Pro Theme where as Road-fighter is the normal theme.
     
  3. sequentialmac

    sequentialmac New Member

    Joined:
    Sep 22, 2013
    Messages:
    9
    Likes Received:
    0
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    We have remove the cufon code from the custom.js file (Theme Directory > Js Directory > custom.js ).
    Now the issue has been resolved.
    You can check your website.
     
  6. sequentialmac

    sequentialmac New Member

    Joined:
    Sep 22, 2013
    Messages:
    9
    Likes Received:
    0
    I hope it is ok to ask another Font related question in here. Now that this change went through (THANK YOU VERY MUCH FOR IT) I had a couple more question.

    How can I decrease the size that is used for the blog post names? with the theme changes they look gigantic compared to the blog title.

    Also, the Title and Subtitle that are underneath the main slider are now slightly overlapping and I was wondering if the subtitle could be a little lower and a little smaller.

    I'm trying to learn some CSS in order to bother you a little less but I thank you for bearing with me.

    My website is www.sequentialmac.com
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .content-bar .post .post_title a {
    font-size: 20px;
    }
    .featurebox .blog_item h4 {
    font-size: 18px;
    }
    .home-content .page_info h3 {
    font-size: 18px;
    margin-top: 20px;
    }
     
    You can change the value of "font-size" and "margin-top" as per your requirement.
    This will solve your issue.
     
  8. sylviaz

    sylviaz New Member

    Joined:
    Jul 24, 2014
    Messages:
    2
    Likes Received:
    0
  9. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63

Share This Page