Kabel Book font - how to enable?

Discussion in 'ColorWay WordPress Theme' started by wtbril, Dec 6, 2013.

Thread Status:
Not open for further replies.
  1. wtbril

    wtbril New Member

    Joined:
    Oct 3, 2013
    Messages:
    8
    Likes Received:
    0
    Hi guys,

    I ave decided to use the Kabel Book font for all headers in my housestyle; how could I get this font available / to use in the Colorway theme?

    Thanks and cheers!

    Walter
     
  2. Piyush

    Piyush Support Staff

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

    Go to js > custom.js present in your theme directory and remove the code given below


    Code:
    //Cufon replacement
    Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');  
    See the link for reference
    http://screencast.com/t/7vyIPr0cs

    Now,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    h1,h2,h3,h4,h5,h6{
    font-family:symbol!important;
    }

    p,a,div,span{
    font-family:symbol!important;
    }

    Inplace of "symbol" put your font type.
     
  3. wtbril

    wtbril New Member

    Joined:
    Oct 3, 2013
    Messages:
    8
    Likes Received:
    0
    Hi Piyush,

    First most thanks! This solution works great. The second and followup question I have now, is, how do I install / refer to this specific font (or any other font, as this one seems pretty expensive)?

    Thanks again for you kind help,

    Walter
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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.
    2013-12-07_1719.png



    and use this font in the Custom CSS code given above.
     
  5. wtbril

    wtbril New Member

    Joined:
    Oct 3, 2013
    Messages:
    8
    Likes Received:
    0
    Thanks so much! I'll give it a play!
     
Thread Status:
Not open for further replies.

Share This Page