1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

i just can't fix that body font. Give me advice where to look.

Discussion in 'Blogging' started by Vekkata, Mar 17, 2013.

  1. Vekkata

    Vekkata Regular Member

    Joined:
    Nov 3, 2012
    Messages:
    490
    Likes Received:
    261
    Hello =)
    from 2 days im trying to change my post font. No luck. I manage to change every possible other text, but not the post one. Have tryed every font plugin that exist. No luck ! =)
    www health woman4woma us

    I changed font-family, the body font... actualy every font that i could find.

    Help =)
    Thanks in advance
     
  2. gsy159

    gsy159 Power Member

    Joined:
    Apr 29, 2011
    Messages:
    653
    Likes Received:
    157
    look in the css
     
  3. SEOWhizz

    SEOWhizz Power Member

    Joined:
    Oct 22, 2011
    Messages:
    606
    Likes Received:
    431
    Location:
    Lat: 38N 43' 11.298" Long: 27W 12' 7.733"
    The site seems to be Wordpress with the Biznizz Woo Theme.

    If so:
    1. Change the font in the Wordpress Dashboard Theme Settings' font selector, you can use Google fonts as mentioned here:
    Code:
    http://www. woothemes.com/products/biznizz/
    http://www. woothemes.com/2011/01/gearing-into-biznizz/
    [remove spaces]
    
    OR
    2. If it's a legit theme, contact Woo or look at their documentation.
     
    • Thanks Thanks x 1
    Last edited: Mar 17, 2013
  4. Moosey

    Moosey Senior Member

    Joined:
    Dec 5, 2011
    Messages:
    1,043
    Likes Received:
    747
    Install a plugin to implement Google fonts.
     
  5. huba90

    huba90 Newbie

    Joined:
    Apr 13, 2012
    Messages:
    3
    Likes Received:
    0
    Occupation:
    Webdeveloper (Freelancer)
    Location:
    Egypt
    Home Page:
    Check for a plugin name "WP Google Fonts", you can very easily edit your font using that plugin.Otherwise you need to play with css.
     
  6. shurk

    shurk Junior Member

    Joined:
    Feb 2, 2011
    Messages:
    122
    Likes Received:
    45
    That font is loading because you have the following in your CSS;
    Code:
    
    
    <!-- Woo Custom Typography -->
    <style type="text/css">
    #logo .site-title a {font:normal 40px/1em 'Love Ya Like A Sister', arial, sans-serif;color:#222222;}
    #logo .site-description {font:italic 14px/1em Georgia, serif;color:#999999;}
    body { font:bold italic 14px/1.5em 'Love Ya Like A Sister', arial, sans-serif;color:#02960c; }
    #navigation, #navigation .nav a { font:normal 19px/1.4em 'Love Ya Like A Sister', arial, sans-serif;color:#02960c; }
    .post .title, #latest-blog-posts a.title { font:bold italic 25px/1em 'Love Ya Like A Sister', arial, sans-serif;color:#434543; }
    .post-meta, #latest-blog-posts .post-meta { font:normal 14px/1em Arial, sans-serif;color:#242624; }
    .entry, .entry p { font:normal 15px/1.5em Arial, sans-serif;color:#383638; } h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif, sans-serif; }
    .widget h3 { font:bold 21px/1em Arial, sans-serif;color:#000000; }
    </style>
    
    You could manually remove all instances of the font 'Love Ya Like A Sister' to prevent that font from loading. In case your not comfortable with CSS, I have removed it for you below;

    Code:
    <!-- Woo Custom Typography -->
    <style type="text/css">
    #logo .site-title a {font:normal 40px/1em arial, sans-serif;color:#222222;}
    #logo .site-description {font:italic 14px/1em Georgia, serif;color:#999999;}
    body { font:bold italic 14px/1.5em  arial, sans-serif;color:#02960c; }
    #navigation, #navigation .nav a { font:normal 19px/1.4em arial, sans-serif;color:#02960c; }
    .post .title, #latest-blog-posts a.title { font:bold italic 25px/1em arial, sans-serif;color:#434543; }
    .post-meta, #latest-blog-posts .post-meta { font:normal 14px/1em Arial, sans-serif;color:#242624; }
    .entry, .entry p { font:normal 15px/1.5em Arial, sans-serif;color:#383638; } h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif, sans-serif; }
    .widget h3 { font:bold 21px/1em Arial, sans-serif;color:#000000; }
    </style>
    
    
    
    You would need to login to your WP then click Appearance > Editor and then navigate to the correct page to edit. Then look for the <!-- Woo Custom Typography --> line and then </style> line and replace everything in between with the above code. Looking at the source of the page, the css appears to be in index.php and not an external stylesheet.

    Note that if your not comfortable with HTML/CSS there is potential to really mess the structure and the style of your site up (It should not effect the admin pages, so if you DO mess it up, you can always reinstall the theme!)
     
    Last edited: Mar 17, 2013