Need help? Check out our Support site, then


changing font in text: how to describe?

  1. margaretrosestringer
    Member

    I want to change the size and colour of a heading, but NOT use a heading setting - just do it via the font.
    How the devil do I describe the font family of FF Tisa, please?
    Writing "font-family: ff-tisa-pro-web" does nix. Doesn't change a thing.
    This is in my pesky Media page (of course). :-(

    The blog I need help with is margaretrosestringer.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 Text ie. HTML editor. http://wpbtips.wordpress.com/2009/07/11/formatting-text-pt-5/

    (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/
    http://en.support.wordpress.com/custom-design/#custom-fonts

  3. margaretrosestringer
    Member

    Yes, I have used Pi's instructions, timethief. I know how to do this now.
    What I'm asking for is help in DESCRIBING THE FONT FAMILY, please.
    That's all I want to know.
    Precisely what do I write for the use of FF Tisa in coding like this:
    <div style="text-align: center; font-size: 150%; font-family: 'ff-tisa-web-pro'; line-height: 2em;"><span style="color: #cc6601;">REVIEWS</span></div>
    <div style="text-align: center; font-size: 120%; font-family: 'ff-tisa-web-pro'; line-height: 2em;"><span style="color: #008ebc;">ONLINE BOOKSTORES</span></div>

  4. margaretrosestringer
    Member

    Did I ask something unbelievably stupid?

  5. How the devil do I describe the font family of FF Tisa, please?

    In order to use a custom font like FF Tisa on a WordPress.com blog, first it must be one of the fonts you selected and saved in your Appearance > Customize > Fonts panel.

    You cannot load FF Tisa through CSS only, it has to be done through the Fonts panel.

    If you've selected FF Tisa as one of the fonts in your Fonts panel, then you could also refer to that font using a font-family rule like this:

    YOUR_SELECTOR_GOES_HERE {
    	font-family: ff-tisa-web-pro,Georgia,serif;
    }

    You would want to replace YOUR_SELECTOR_GOES_HERE with the proper CSS selector, which you could add in the HTML.

    So, if you had this in your HTML:

    <span class="mytitle">ONLINE BOOKSTORES</span>

    Then you could use a CSS rule like this:

    .mytitle {
    	font-family: ff-tisa-web-pro,Georgia,serif;
    	color: #008ebc;
    }

    You can change "mytitle" to whatever name you want as long as the names match in both the HTML and CSS.

  6. margaretrosestringer
    Member

    I'll hang on to this one in the event of needing the same kind of info. on another occasion.
    Thanks ever so, ds! :-)

Topic Closed

This topic has been closed to new replies.

About this Topic