If you want to change the font from the wysiwyg editor, you will need to download a plugin like TinyMCE.
The better way to do it would be in the css.
for example:
#content h1 {
font-family: arial;
}
If SEO is a concern, google penalizes you for inline styling. Control fonts, colors, etc with CSS as often as possible.
Thanks for that. Now I am new to this (someone else made my website), so I am a wee bit slow.
If I wanted to change “this is it” from arial to comic sans in a blue font how would that code be written, and do I choose the HTML tag?
<font style="color:blue;font-family:Comic Sans MS;">this is it</font>
The code above will work and it’s the easiest solution given your level of experience.
however, every person with programming knowledge knows that it is not the best way to do it.
You should look at your css files, then php files and try to understand how the different ID’s/Classes correspond to their given css.
Trial / Error will help you greatly.
If SEO is a concern, google penalizes you for inline styling. Control fonts, colors, etc with CSS as often as possible.
The what now? Cite your source on that one.
We use raventools.com to analyze our clients sites.
Google analytics is incorporated in the report and one of the sections of the analytics report is dedicated to inline styles. Any inline styles are listed in this section and it has the following heading:
Your Web page appears to be using inline styles (which may include header styles). To reduce your
page size, and to adhere to modern Web design standards, all styles should be separated from the Web
page. Styles should be defined in a CSS document that reference the elements, IDs, and classes in the
XHTML document.
We have interpreted this to mean that google is penalizing pages with inline styles.
Ah! That is an incorrect assumption, though I see why you went there.
Best practice is to not use inline styles. Of course, sometimes you can’t really avoid it, so it’s an alert, but not a ‘ZOMG! This is BAD!’ It only hurts your ranking in that if it makes your site really slow (which this will not), you’ll get marked down. Avoid it if you can, but if it’s used in small doses, you’re okay 🙂
<span class="thisisit">this is it</span>
and
#thisisit {
color:blue;font-family:Comic Sans MS;
}
would be the best way to do this.
Ipstenu is absolutely correct, that’s the best way 🙂
Thanks for bringing that to my attention too. I’ll be sure to bring that up at the office tomorrow and the terminology that we are using is incorrect.
Ipstenu is almost absolutely correct… you need .thisisit rather than #thisisit in the CSS snippet 😉
I am so sorry to post my question here – I am totally new with this and I do not see where I can start a new topic!
could someone here tell me where to find the spot to open a new thread for a problem I’m having with my wordpress?
Hi Barbara,
Just go to http://wordpress.org/support/forum/how-to-and-troubleshooting
and hit the add new button next to the title “How to and Troubleshooting”
thank you so much. I will try that now.
Thanks folks your help.
I seem to be able to use Tom’s
<font style=”color:blue;font-family:Comic Sans MS;”>this is it</font>
but not Ipstenu’s code (even with the .thisisit rather than the #thisisit).
I’ll keep trying to see if I can get this other code to work, but I have already managed to rejig a line on my site to include colour and centre it!
Now my next problem…..how to I access the main title frame at the top of my website….www.wastewaterwizard.co.uk so I can edit it?
Glad that worked.
But as noted early, keep in mind that is not the best way to do it.
By main title frame, I assume you’re referring to “The Natural Solution”.
But that is a part of the header image. So you have to edit the image.
If you could mark this thread as “Solved”, that would be great.
(it’s in the sidebar on the right) 🙂
