Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 1, 2021 at 2:49 pm #1303433
    mkuzman

    Hi there,
    we use locally the font DINWebpro for the website of our customer.
    Everything looks good except some characters in polish language.
    It’s not a problem of the font itself as we have also created a standalone HTML website using the same font. On this website all characters look good.

    As the pages are not live/public yet, I will share the links with you in the private content.
    Could you please take a look of it?
    It would be quit urgent as the customer need the website for an event starting next monday.

    Thank you very much!
    Best regards
    Marko

    June 3, 2021 at 5:23 am #1303691
    Ismael

    Hey mkuzman,

    Thank you for the inquiry.

    Looks like the diacritics are not responding correctly on the specified font weight. What happens when you use @font-face instead of uploading the font as custom font? Please note that the font manager is intended for Google Fonts, and so uploading fonts from different sources might return unexpected results.

    // https://css-tricks.com/snippets/css/using-font-face/

    Best regards,
    Ismael

    June 3, 2021 at 6:20 pm #1303865
    mkuzman

    Hi Ismael,
    below you will find the current CSS-file. The fonts have been already embeded by using @font-face. So this cannot be the problem.
    Any other ideas?

    Best regards
    Marko

    June 7, 2021 at 2:44 am #1304312
    Ismael

    Hi,

    Does it work correctly when you apply the font manually? 

    #top.pl h1, #top.pl h2, #top.pl h3, #top.pl h4, #top.pl div, #top.pl #header_main > .container .main_menu .av-main-nav > li > a, #top.pl .avia-menu-text, #top.pl .wpml-ls-native, #top.pl .avia_textblock p, #top.pl .avia_textblock p em, #top.pl .avia_textblock li, #top.pl .av-milestone-contentbox p, #top.pl .av-milestone-contentbox p a, #top.pl .stoerer a.dokument, #top.pl .copyright, #top.pl .avia_textblock a {
    font-family: DINWebPro;
    font-weight: 400;
}

    The font looks a lot better but the diacritics are still thicker than they should be. Have you tried using a different font?

    Best regards,
    Ismael

    June 7, 2021 at 10:08 am #1304374
    mkuzman

    Hi Ismael,
    unfortunately it doesn’t work at all. For the east-european languages we use another font now as we didn’t had any time left.
    We use the DINWebpro on other websites in same languages and don’t have this problems, so it must be something with Enfold.

    Best regards
    Marko

    June 9, 2021 at 5:08 am #1304781
    Ismael

    Hi,

    Thank you for your patience.

    This css seems to help correct the font thickness.

    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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: DINWebPro, sans-serif;
    font-smoothing: none;
    -webkit-font-smoothing: none;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Screenshot after applying css rule above. https://imgur.com/iytZje7

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.