Font registered in style.css isn’t recognized

  • The default font of my theme doesn’t support my language, so I replace it by adding this on the style.css

    @font-face {    font-family: 'LibreBaskerville';
    src: url('https://xn--qucu-hr5aza.cc/wp-content/themes/the-thinker-lite-child/font/LibreBaskervilleF-Regular.ttf');
    url('https://xn--qucu-hr5aza.cc/wp-content/themes/the-thinker-lite-child/font/LibreBaskervilleF-Regular.woff') format('woff'); 
}

    However, the plugin still seems to use the default font: https://i.imgur.com/PDIYJ7N.png

    How to fix this?

    • This topic was modified 4 years, 9 months ago by ooker.

    The page I need help with: [log in to see the link]

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

  • Hey,
    Our plugin doens’t define a font for that text unless you set it in the font settings right now I see your theme styling is defining the font family to “inherit” through this css:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

    You likely want to update your css from this:

    * {
 font-family: "LibreBaskerville";
}

    To this:

    * {
 font-family: "LibreBaskerville" !important;
}

    Ben

    Thread Starter ooker

    (@ooker)

    Using * {font-family: "LibreBaskerville" !important;} will override other fonts. Is there a way to not using it?

    hannah

    (@hannahritner)

    Hey @ooker,
    You would just need to make the class specific so other fonts are not affected. What exactly are you wanting to target?

    Hannah

    Thread Starter ooker

    (@ooker)

    I just want to fix the font when using Kadence, while not set the Libre Baskerville font as !important for the whole site. I know assigning class is one way, but why can’t it be fixed at the root of the problem?

    • This reply was modified 4 years, 9 months ago by ooker.
    • This reply was modified 4 years, 9 months ago by ooker.
    hannah

    (@hannahritner)

    I think the point is that this font will override the theme fonts. To my knowledge, there isn’t another way around this.

    Hannah

    You can just copy what your theme is doing to override it, so the css would be this:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family: "LibreBaskerville";
}

    Ben

    Thread Starter ooker

    (@ooker)

    Why shouldn’t we use the class kt-blocks-accordion-title instead?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Font registered in style.css isn’t recognized’ is closed to new replies.

Tags