Google fonts for homepage heading/description

Discussion in 'Squirrel WordPress Theme' started by elitebullies, May 9, 2013.

  1. elitebullies

    elitebullies New Member

    Joined:
    May 6, 2013
    Messages:
    14
    Likes Received:
    0
    How would I go about designating a google font for all homepage headings and another for the descriptions?
     
  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 css code.
    For example:
    Code:
    .slider-info p {
    font-family: noto serif;
    }
    This will solve your issue.
     
  3. elitebullies

    elitebullies New Member

    Joined:
    May 6, 2013
    Messages:
    14
    Likes Received:
    0
    Im using the non-responsive theme. Not only did this not work for me but now none of my old or new css codes are working. I am now using version 2.0 it appears of this stylesheet. Could this require different steps perhaps?
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    The above steps are the standard steps and it works same for both responsive and non-responsive Theme.
    So, properly follow the above steps, this will work. If not, then do let us know that where you are facing problem and which font you want to use.
     
  5. elitebullies

    elitebullies New Member

    Joined:
    May 6, 2013
    Messages:
    14
    Likes Received:
    0
    Aguafina Script,Special Elite, and droid serif to name a few fonts. Every font worked fine until I switched to non-responsive theme (except on the homepage).
    Weather I place the google code where you suggested or in the header as google suggests,the code/fonts no longer works like they did before switching responsiveness.
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Please provide the following information listed below.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
     
  7. Piyush

    Piyush Support Staff

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

    elitebullies New Member

    Joined:
    May 6, 2013
    Messages:
    14
    Likes Received:
    0
    Issue NOT resolved.

    1 font was put through my entire site, and not through the CSS..... Any changes I try to make through css STILL do not work like they did before the site was non responsive. And I STILL do not have different font for heading and descriptions on my home page like this thread was originally started for.

    This has turned into a mess and a headache. I am very nervous I am getting further and further from completing my site.

    Perhaps I can change back to my responsive theme, Finish my css editing on all pages but my home page(since it doesn't work the same), and have you switch it back to non responsive with the old css and have you change the headings and descriptions on the homepage to a font I specify?
     
  9. elitebullies

    elitebullies New Member

    Joined:
    May 6, 2013
    Messages:
    14
    Likes Received:
    0
    Falling further and further behind... Someone please contact me.
     
  10. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    PM sent.
     
  11. digitaladcom

    digitaladcom Guest

    Joined:
    Dec 3, 2012
    Messages:
    15
    Likes Received:
    0
    I see in your response the css you suggested would apply to the slider. How do I make apply universally across the site?
     
  12. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    p{
    font-family:symbol!important;
    }
    Inplace of "symbol" put your font type.
     

Share This Page