How to change font of the website

  • Resolved arthurmello1

    (@arthurmello1)


    10 years, 10 months ago

    Hello!

    I’m trying to change the font of my website and i’m using this theme, but i have to use the Myriad Pro font.

    I already installed the font in the local computer where i’m developping the website, copy and pasted the font files to the font folder in the wordpress directory and also tried to follow the tips about this that i found here in the Frontier’s support forum, but without success.

    I placed this in the top of the Frontier’s style.css:

    @font-face {
    font-family: Myriad Pro;
    src: local(‘MyriadPro-Regular’),
    url(“fonts/MyriadPro-Regular.otf”) format(‘truetype’);
    font-weight: normal;
    }

    I also changed the “font-familly” in all over style.css like this:

    font-family: “Myriad Pro”, “Gill Sans”, “Gill Sans MT”, Calibri, sans-serif;

    The point is: it doesn’t work, the website still with the same appearence!

    Please, i hope you help me!

    Grateful already!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter arthurmello1

    (@arthurmello1)

    Hello Ron,

    All I posted earlier ended up working.

    I do not know exactly why, but there was some delay, and without even clearing the cache, after a while my website started to show the new font.

    Thanks anyway!

    Theme Author ronangelo

    (@ronangelo)

    You should not edit the theme’s style.css if you plan on updating the theme again or all your modifications will be lost. This applies to all themes. Custom CSS should be added on either a child-theme style.css or on Frontier Options -> Custom CSS

    Along with the @font-face you’ve set, this should replace the content’s font.

    body,
.blog-view .entry-content,
.single-view .entry-content {
     font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

    I do not know exactly why, but there was some delay, and without even clearing the cache, after a while my website started to show the new font.

    There are often two caches that need to be refreshed when changes like these are made. Your server’s (plugin) cache and your browser cache. It’s also possible to have delays if you’re using a CDN like CloudFlare.

    Thread Starter arthurmello1

    (@arthurmello1)

    Well, I just changed the font in style.css, nothing more.

    After that, I continued updating posts and pages without any problem, I wasted no content, but it’s always good to know what you advised!

    Anyway, in my case I think it was just the browser cache.

    I am grateful for your attention!

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