WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing word fonts (15 posts)

  1. saintie
    Member
    Posted 1 year ago #

    Hi there,

    I am trying to change the font on some of the words/titles on my website from arial to comic sans etc. When I go into editing mode there is no options that will allow me to do this. I have used the "paste from word" button but it does not want to use the font that I had previously selected in the word document. All ideas welcome....

    thanks

  2. Tom Combs
    Member
    Posted 1 year ago #

    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.

  3. saintie
    Member
    Posted 1 year ago #

    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?

  4. Tom Combs
    Member
    Posted 1 year ago #


    <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.

  5. 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.

  6. Tom Combs
    Member
    Posted 1 year ago #

    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.

  7. 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.

  8. Tom Combs
    Member
    Posted 1 year ago #

    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.

  9. Ipstenu is almost absolutely correct... you need .thisisit rather than #thisisit in the CSS snippet ;)

  10. BarbaraEllen
    Member
    Posted 1 year ago #

    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?

  11. 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"

  12. BarbaraEllen
    Member
    Posted 1 year ago #

    thank you so much. I will try that now.

  13. saintie
    Member
    Posted 1 year ago #

    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?

  14. Tom Combs
    Member
    Posted 1 year ago #

    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.

  15. Tom Combs
    Member
    Posted 1 year ago #

    If you could mark this thread as "Solved", that would be great.
    (it's in the sidebar on the right) :-)

Topic Closed

This topic has been closed to new replies.

About this Topic