Header font change (5 posts)

  1. alkpurusha
    Posted 3 years ago #

    In the code below on my style.css file I replaced "Trebuchet MS" with "Palatino Linotype", and shifter Trebuchet MS along without quotes in the pre-code area.
    The intention was to change headers from Trebuchet to Palatino, because as you can see the code for h1 (and other headers) doesn't include font family.
    However, it did not work.
    Should I also make this change in the 'body' area?
    Link: http://www.alkpurusha.net/WordPress/about/
    Any advice appreciated...

    body {
        font: 13px/1.5 "Trebuchet MS",Arial;
    pre, code {
        font-family: "Palatino Linotype", Trebuchet MS,Monaco,Consolas,monospace;
    p {
        color: #0B3861;
        font-family: "Trebuchet MS";
        font-size: 13px;
        line-height: 1.6;
    h1 {
        color: #086A87;
        font-size: 28px;
        margin: 0;
        padding: 0;
  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    If the font is not available by default from the browser, it will not show http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

  3. alkpurusha
    Posted 3 years ago #

    This is a good reference, thanks, but as you see from the table in your reference, Palatino Linotype is one of the most common fonts, and I certainly have it installed on my computer and is available on my browser, it would by logic show up on the web page. I have another web page almost entirely Palatino and it shows up fine.
    So I believe it's a coding issue.

  4. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Could you not assign the font family style to the h1 selector? Then include other selectors, separated by commas?

  5. alkpurusha
    Posted 3 years ago #

    Yes, OK, will try.
    I assumed that as the original code didn't do this, there was some reason not to!

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.