Need help? Check out our Support site, then


Why is Font Face not working in html?

  1. i have the latest version of firefox (not firefox 5) and i'm trying to change the font in wordpress.

    i'm using:
    <font face="times new roman" SIZE="2.5"></font>

    but all it changes is the font size, not the font style/face.

    why?

    am i doing something wrong?

    or does wordpress.com not allow this?

    The blog I need help with is cheriserandle.wordpress.com.

  2. These are 3 ways to change fonts on wordpress.com blogs.

    (1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor. http://en.support.wordpress.com/editors/font-size-color/

    (2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

    (3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts with Staff support. http://en.support.wordpress.com/custom-design/
    Note: Any font changes to font families, colors and size in the blog title, tagline, post titles, page titles, categories and tags cannot be done without CSS editing.

  3. the font tag, font face and size have been depriciated for some time and are now obsolete. You also have to either include the stuff in an opening "p" tag (if you want it to apply to a specific paragraph), include it in a "span" tag (if you want it to apply to only a word or a few words), or if you want it to apply to an entire post, you wrap the entire post in div tags and include the inline CSS in the opening div tag. Examples:

    <p style="font-family: "Times New Roman"; font-size: 120%;";>your paragraph text here</p>

    <span style="font-family: "Times New Roman"; font-size: 120%;">your text here</span>

    <div style="font-family: "Times New Roman"; font-size: 120%;">all your paragraphs and text here</div>

    Also make sure that you enter the above in the HTML editor.

  4. Yeah... none of that worked. I already tried using the first site and my font does not change at all. I tried arial and times new roman and they looked the same.

    i tried:

    <span style="font-family: arial;"></span>

    and it didn't work.

    did i type something wrong?

  5. Are you sure you're not running into a cache problem, where you're looking at an old version of the page? Always do the Cookie Dance when you try something like this: clear browser cookies and cache, then look.

  6. @thesacredpath,

    I did that and tried two different fonts on two paragraphs. one paragraph i tried in times new roman, the other and arial and they look exactly the same.

    <p style="font-family: "Arial"; font-size: 120%;";>Hello guys and welcome to Genius Central Ink, Cherise Randle’s blog, my WordPress blog!</p>

    <p style="font-family: "Times New Roman"; font-size: 120%;";>Here you will find video game reviews (option A). Actually, since I'm pretty much poor and can’t afford new video games, you’ll see reviews of free open browser, MMORPGs. MMORPG stands for Massively Multiplayer Online Role-Playing Game. An open browser game is a game that requires no downloading; you simply create an account and start gaming.</p>

    but i looked at the two fonts in ms word, and they're completely different.

    i don't understand.

  7. @raincoaster,

    i tried clearing my cache and cookies. i still get the same thing.

    i'm confused.

    does html font styles not work for wordpress.com accounts?

  8. I'm sorry, I mucked up the code using copy and paste and also just figured out that it doesn't like the quote marks around the font family (which have to be used in CSS). In the code I had a semi-colon after the ending double quote that was messing things up.

    <p style="font-family: Times New Roman; font-size: 120%;">all your paragraph text here</p>

  9. when i entered:

    <p style="font-family: 'Arial'; font-size: 120%;">Hello guys and welcome to Genius Central Ink, Cherise Randle’s blog, my WordPress blog!</p>

    <p style="font-family: 'Times New Roman'; font-size: 120%;">Here you will find video game reviews (option A). Actually, since I'm pretty much poor and can’t afford new video games, you’ll see reviews of free open browser, MMORPGs. MMORPG stands for Massively Multiplayer Online Role-Playing Game. An open browser game is a game that requires no downloading; you simply create an account and start gaming.</p>

    both paragraphs came out in Courier New.

    this is very strange.

  10. Don't use the quote marks around the font family names. That is required in CSS when there are spaces in the font name such as with Times New Roman, but apparently the post/page editor does not want to see them, and with a single word font family name like Arial or Helvetica, the quotes are not used even directly in the CSS.

  11. i don't think i'm using CSS. was i suppose to insert CSS some where? because i thought it was just html.

    you're confusing me with CSS.

  12. No, the code I've given is what is called "inline CSS" which is used inside of HTML tags such as span, p and divs within posts and pages.

    I was just pointing out that when you enter font families with multiple words in them in true CSS, you have to use the quote marks, but apparently when doing INLINE CSS that isn't the case.

    Sorry for the confusion. I shouldn't have mentioned anything about CSS. Forget I said anything about it.

  13. would this work?

    <p></p><br /> <p style="font-family: Arial; font-size: 120%;">Hello guys and welcome to Genius Central Ink, Cherise Randle’s blog, my WordPress blog!</p>

    as long as i put that around each paragraph it worked.

  14. Yes, that will work, and the link that Panos provided has more information on formatting text in posts and pages.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags