This Forum Has Been Archived
*Click Here To Visit The NEW Forum*

 

 


Font choices in Wordpress

Designing your own website? Need help? Ask your questions and share your favorite resources here... Tables, Forms, Color Scheme & Layout, Scripts, Programs & Resources

Moderators: angienewton, tknoppe, terrapin719, lisamariemary

Font choices in Wordpress

Postby AnitaHampl » Thu May 21, 2009 1:16 am

I apologize if this has been addressed already, I did not see it below.

I have a new blog in Wordpress.org. I pasted in a post from Word - I know you shouldn't but I thought I could edit it once it was in there. BUt I cannot find any icon that allows me to alter fonts.

For some reason my three-paragraph post has 3 different font styles.

If I need to, I can remove this and put it into Notepad, then bring it back. But I'd still have the question about fonts. ????

Thanks in advance!
AnitaHampl
 
Posts: 12
Joined: Thu Apr 02, 2009 4:34 pm
Location: Atlanta

Postby terrapin719 » Thu May 21, 2009 6:50 am

I don't know if the Wordpress.org is different than the self hosted wordpress - there's not a font button that I know of (you mean like in Word or similar?) You just add the font you want to use into the HTML code if it's different than your usual font for that blog, which gets changed in the CSS code.

Clear as mud? I think I better grab some coffee this morning.
User avatar
terrapin719
Elite Member
 
Posts: 1082
Joined: Thu Jul 07, 2005 2:15 pm
Location: Floating away.....

Postby tknoppe » Thu May 21, 2009 8:34 am

The .com version of WordPress is the same as the .org version in that they are theme driven and therefore fonts would be changed in the CSS stylesheet for the theme you're using.

CSS = cascading style sheet. That means that styles cascade down, so if you set a font style/size/color, etc... for the body tag, and you don't set any new classes for font anywhere else in the stylesheet, then that style will cascade down to every other style on your page, until you change it.

You can look at the source code for your page via the web and see what the class code is for the area you want to change the font on. For example:

Code: Select all
<div class="sidebartitle">


Obviously the actual wording within the quotes would be different for your theme. So once you know what the class is you need to change, so to your CSS stylesheet within the wp-admin Dashboard (Appearance >Editor > Stylesheet ) and find that so named class within the stylesheet and change the font settings there.

If there are no font settings there, go up the next level, look for the next class in your code before that one, trace it back up within your code one level as a time. Remember it cascades DOWN, so you need to go back up to find the last font entry that is effecting the area you want changed.
User avatar
tknoppe
Elite Member
 
Posts: 1026
Joined: Sun Sep 14, 2008 11:36 am
Location: Missouri, USA

Postby Bina Omar » Fri May 29, 2009 1:26 am

If you want to paste content from a Word doc, make sure you do it in the
HTML area instead of the Visual one. Doing so in the Visual, will result in many weird codes added.
Image

Doing this though means you will lose any formatting. So, no bolded text
etc but the paragraphs will remain. As you probably noticed, you can
still do minor formatting.

To change the font of your text, click on the Appearance menu in the left navigation column, then Editor.
Image

You will see your CSS styles:
Image

Different themes have different styles. You want to look for the body style.
This should be at the top somewhere. It will look something like in the
image above or below:

Code: Select all
body {
   font-family: arial,helvetica,sans-serif;
   color:#000000;
   font-size: 10pt;
}


To change the font of your text, just change the arial,helvetica,sans-serif to what you want.

If you've never worked with CSS before, I know this seems like a lot of
work but trust me in the long run, it is much better to change your fonts
this way.

Hope this was clear.

Warm regards,
Bina.
User avatar
Bina Omar
Elite Member
 
Posts: 149
Joined: Wed Mar 03, 2004 5:02 am
Location: Australia | Malaysia

Postby angienewton » Fri May 29, 2009 9:48 am

WOW Bina, great explanation.

All I have to add is don't forget to save files before making changes. LOL I learned the hard way!
User avatar
angienewton
Elite Member
 
Posts: 1132
Joined: Sun Oct 12, 2003 9:11 pm
Location: IL

Postby terrapin719 » Fri May 29, 2009 12:17 pm

Sometimes even if you do use the HTML window your code gets messed up by the editor. I disable the visual editor all together to avoid that happening. It seems to happen mostly with videos and embeds.
User avatar
terrapin719
Elite Member
 
Posts: 1082
Joined: Thu Jul 07, 2005 2:15 pm
Location: Floating away.....

Postby lisamariemary » Fri May 29, 2009 2:42 pm

Uber helpful thread here!!

Ok, but, I see that there is already a 'list' of fonts there - three of them, right? So can you just add one to the list?

Or can you delete those and add three that you like?
User avatar
lisamariemary
Elite Member
 
Posts: 754
Joined: Sun Oct 19, 2003 10:29 pm
Location: Alabama


Return to HTML, Web Design & Programming

Who is online

Users browsing this forum: No registered users and 1 guest

cron