1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to change font size for wordpress

Discussion in 'WordPress' started by oceanline, Mar 22, 2007.

  1. #1
    Where or how do you change the font size of your post/blog??
     
    oceanline, Mar 22, 2007 IP
  2. ahkip

    ahkip Prominent Member

    Messages:
    9,205
    Likes Received:
    647
    Best Answers:
    0
    Trophy Points:
    310
    #2
    use <font> tag?
     
    ahkip, Mar 22, 2007 IP
  3. hmansfield

    hmansfield Guest

    Messages:
    7,904
    Likes Received:
    298
    Best Answers:
    0
    Trophy Points:
    280
    #3
    I have never been able to figure it out either. What I usually do is write in MS Word, copy and paste. Careful of the size, any long paragraphs over a 12 font size come out different sizes.

    I am sure there is an easier way, but I haven't found it, and stopped looking.
     
    hmansfield, Mar 22, 2007 IP
  4. jukebox9988

    jukebox9988 Well-Known Member

    Messages:
    607
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    140
    #4
    I wouldn't use the <font tag> since search engines prefer reading your tags from the css style file.

    Just create a simple class and add the following code for example:

    
    .font {font-size: 12px;}
    
    
    Code (markup):
    That should work.
     
    jukebox9988, Mar 22, 2007 IP
  5. QueenEve

    QueenEve Active Member

    Messages:
    256
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #5
    QueenEve, Mar 23, 2008 IP
  6. mizaks

    mizaks Well-Known Member

    Messages:
    2,066
    Likes Received:
    126
    Best Answers:
    0
    Trophy Points:
    135
    #6
    It's all done with css.

    Look for: "font-size:", "font-family:" and "font-weight:" in your style.css. Change to your desired look.
     
    mizaks, Mar 23, 2008 IP
  7. arwen54

    arwen54 Active Member

    Messages:
    632
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    60
    #7
    here's how to change fonts in WordPress step by step:

    click "Presentation"
    then click "Theme Editor"
    next select "Stylesheet"

    then add a new class for your font:
    something like this for example:

    .newfont { font-family: Arial, sans-serif; font-size: 1.1em; color: #000000; }

    then in your post let's say you want the paragraph to have this new font you would insert this into the code editor:
    <p class="newfont">Your new paragraph text</p>

    remember XHTML is not the same as HTML and you need to understand the difference.
    Good luck!
     
    arwen54, Mar 23, 2008 IP
  8. mfolan

    mfolan Guest

    Messages:
    84
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I use windows live writer. I can do all the editing that I want with it and it posts it to my blog for me. No hassle and really easy. I recommend it to anyone.
     
    mfolan, Mar 25, 2008 IP
  9. Steupz

    Steupz Peon

    Messages:
    917
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #9
    what's the perfect font size as a general rule.
    And tot he threadstarter I changed mine in the style sheet. I adjusted it from the default 62.5% to 72.5%
     
    Steupz, Mar 25, 2008 IP
  10. F4RR3L

    F4RR3L Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    [​IMG]
     
    F4RR3L, Dec 29, 2010 IP
  11. xubair

    xubair Active Member

    Messages:
    619
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #11
    xubair, Apr 30, 2011 IP
  12. lewis2005

    lewis2005 Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Xubair is right, just follow his link
     
    lewis2005, May 1, 2011 IP
  13. omarabid

    omarabid Well-Known Member

    Messages:
    1,509
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    130
    #13
    I have created a plug-in that can do this and even better: Let your users change the font size. Check it out (WordPress Font Resizer) and let me know what you think :)
     
    omarabid, Aug 6, 2011 IP
  14. ajobjon

    ajobjon Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Change font size in style.css .
     
    ajobjon, Aug 6, 2011 IP
  15. imraan

    imraan Greenhorn

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #15
    i have used <font size> but whenever i have reverted to visual and then to html editor its shows <span>

    is there any code list for small, medium, x-large.
     
    imraan, Aug 26, 2011 IP
  16. bluegiraffe

    bluegiraffe Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    WordPress wants to see font styling in <span> which is why you are seeing it that in the html editor. Here's one way to code different font sizes:

    <span style="color: #1A105E; font-size: x-large;">Your words go here </span>

    Some of the font-sizes you can use: x-small, small, medium, large, x-large, xx-large. There may be more. I'm relatively new to WordPress and I've had to just kind of figure some html coding to get the look I want on my site.

    Also notice that my example includes the color as well. You can change many attributes of the font using the same syntax; just separate the different characteristics with a semi-colon.
     
    bluegiraffe, Nov 15, 2011 IP
  17. wordpresshosting

    wordpresshosting Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Best way to change it - is go to "Appearances" >> then "Edit Theme" and select the .css file (usually its selected by default).

    Press "Ctrl" button plus press "F" at the same time - this will open a search option in your browser - and search "font" - this way, it will show you where it says font, and need to fiddle around with the number a few times to see what font your changing.

    That's how I ended up learning it - its painful to learn - but learn it one time, and you won't have to waste your time in the future.
     
    wordpresshosting, Nov 15, 2011 IP
  18. bluegiraffe

    bluegiraffe Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Changing the css is best if you want the change to effect the entire site, but if you only want a different font in a specific area, <span> tags are best, which I believe was imraan's question.
     
    bluegiraffe, Nov 15, 2011 IP
  19. theSEOmama

    theSEOmama Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Hi, I'm fairly new to Wordpress(.com) - I'm using one of the free themes (The Morning After). Can anyone clarify if the only way to edit the CSS stylesheet (as some of you mentioned) is to first purchase the "Custom Design Upgrade" for $30? It shows there that you can then edit the CSS to apply custom fonts and other changes. I can't find anywhere else that allows me to get into and edit the CSS. Not sure if I'm missing something or if the upgrade is the only way?

    Otherwise, I suppose I'll try just using the html tags for now..
    my url is http://abcdesignlab.wordpress.com if that is helpful at all.
     
    theSEOmama, Dec 12, 2011 IP
  20. Neil Robins

    Neil Robins Active Member

    Messages:
    61
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    95
    #20
    The editor in Wordpress is very basic so I have added the free Dean's FCKEditor For Wordpress plugin to all our blogs and it makes compiling pages and posts so much easier.

    Neil
     
    Neil Robins, Dec 12, 2011 IP