• 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: https://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;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter alkpurusha

    (@alkpurusha)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter alkpurusha

    (@alkpurusha)

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

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