How to change header font

  • shadowzz34

    (@shadowzz34)


    14 years, 9 months ago

    Hi There,
    I read a response again and again about changing font for blog title, posts, everything and I cant seem to get anything to work. This is the code I am looking at, is this the right place to change it? Everywhere you see a Trebuchet I’ve changed that from Time New Roman, but none take… they all just stay in Times… Thanks for the help in advance!

    /* Headers
    ————————————— */
    #blog-title { font-family: Trebuchet MS, Tahoma, Estrangelo Edessa; font-size: 2.5em; font-weight: normal; margin: 0; border: none; padding: 0; line-height: 120%; }
    #tagline { font-family: ‘Trebuchet MS’, Tahoma, Estrangelo Edessa; font-size: 1.5em; font-weight: normal; font-style: italic; color: #000000; margin: 0.1em 0 0.3em 0; border: none; padding: 0; line-height: 120%; }

    h1, body .entry .title { font-family: ‘Trebuchet MS’, Tahoma, Estrangelo Edessa; font-size: 2em; font-weight: normal; line-height: 120%; margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.1em 0; }
    h2 { font-family: ‘Trebuchet MS’, Tahoma, Estrangelo Edessa; font-size: 2em; font-weight: normal; line-height: 120%; margin: 0 0 0.5em 0; }
    h3 { font-size: 0.8em; font-weight: normal; color: #8fbf60; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.8em 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 0.4em 0; }
    h4 { font-family: ‘Trebuchet MS’, Tahoma, Estrangelo Edessa; font-size: 1.5em; font-weight: normal; line-height: 120%; margin: 0 0 0.3em 0; }
    h5 { font-size: 1em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: 0; }
    h6 { font-size: 0.8em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: 0; }

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    14 years, 9 months ago

    #blog-title { font-family: 'Trebuchet MS', Tahoma, Estrangelo Edessa; font-size: 2.5em; font-weight: normal; margin: 0; border: none; padding: 0; line-height: 120%; }

    Font names with space must be enclosed in quotes.

    Thread Starter shadowzz34

    (@shadowzz34)

    14 years, 9 months ago

    So if I change the blog title to what you have it should work? I will try it.

    esmi

    (@esmi)

    14 years, 9 months ago

    In theory. Is this for http://www.electronicmusicreview.net ?

    Thread Starter shadowzz34

    (@shadowzz34)

    14 years, 9 months ago

    Yes it is.

    esmi

    (@esmi)

    14 years, 9 months ago

    It’s just that I haven’t seen any reference to Trebuchet MS when looking at various elements of the site. But given that there are 3 stylesheets just for the screen display:

    style.css
    screen.css
    Practicecustom.css

    (in that order)

    you could be hitting some cascade issues. Practicecustom.css would seem to be the one to edit first as it’s the last sheet called.

    Thread Starter shadowzz34

    (@shadowzz34)

    14 years, 9 months ago

    Thank you I will give these a try, I am very new to this and am really learning the basics at this point. I appreciate your time very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change header font’ is closed to new replies.