individual fonts

  • Hi

    I have no idea anymore; it looks so easy:
    1. I have disabled all google font in the customizer (typography /general).
    2. I have added these lines to ths custom CSS:

    `/*Fonts*/
    body {font-family:Amulya-Variable!important;
    font-size:22px!important;
    }

    p {font-family:Amulya-Variable!important; font-weight:300!important;
    color:#232F3B;}

    h1 {font-family:Amulya-Variable!important;
    font-size:44px!important;
    color:#232F3B!important;}
    h2 {font-family:Amulya-Variable!important;
    font-size:32px!important;
    font-family:Amulya-Variable!important;}
    margin-bottom: 10px;}
    h3 {font-family: Amulya-Variable!important;
    font-size:24px!important;
    color:#232F3B!important}
    h4 {font-family:Amulya-Variable!important; font-weight:600!important;}
    h5 {display:none;}
    h6 {font-family:Amulya-Variable!important}

    You can be sure that all these fonts are in the right place on the server – but all these commands are ignored.

    Where is my mistake?
    Ciao

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @vanbrel,

    All your CSS is correct except this part: https://i.postimg.cc/tC5SLwjW/image.png. But still, not strong. Use #wrap as a “wrapper” or make them more precise. For instance:

    #wrap body {
    font-family: Amulya-Variable !important;
    font-size: 22px !important;
}

#wrap p {
    font-family: Amulya-Variable !important;
    font-weight: 300 !important;
    color: #232F3B!important;
}

#wrap h1 {
    font-family: Amulya-Variable !important;
    font-size: 44px !important;
    color: #232F3B !important;
}

#wrap h2 {
    font-family: Amulya-Variable !important;
    font-size: 32px !important;
    font-family: Amulya-Variable !important;
}

#wrap h3 {
    font-family: Amulya-Variable!important;
    font-size: 24px !important;
    color: #232F3B !important
}

#wrap h4 {
    font-family: Amulya-Variable !important;
    font-weight: 600 !important;
}

#wrap h5 {
    display: none !important;
}

#wrap h6 {
    font-family: Amulya-Variable !important;
}

    Note 1: you can use an online CSS validator to check your CSS.

    Note 2: Our highly recommended is, using customizer settings to set your general styling to your website. To manage all typography on your website, please navigate to Customizer > Typography. Please follow the steps explained in this link: https://docs.oceanwp.org/category/36-typography.

    Best Regards

    Thread Starter vanbrel

    (@vanbrel)

    Hi

    thanks for your help – yes, it was juste a small mistake in the CSS causing the trouble!
    Thanks
    vanbrel

    You’re welcome.
    I’m glad we could help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘individual fonts’ is closed to new replies.