Support Center Visit Demo License manager Buy @ envato

Custom Fonts Display wrong by using Elementor

iRomeKiRomeK
in Theme support
Hey Guys,

I tried to use Elementor to build some additional sites. But my custom font won't work correctly. You can check it on this site:

This is how the font should look like: https://der-mohr.com/contact/ (Built with Muffin)
This is what Elementor does: https://der-mohr.com/der-mohr-2/

By the way, on Safari it looks right. Chrome is a mess...the contact site looks perfect on any browser. 

How can I fix this? 

Thank you very much,

best regards from Germany,
iRomeK 

Comments

  • PabloPablo
    Hello Romek,
    Can you switch the theme to twenty-twenty, and check, if the issue still appear?
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • iRomeKiRomeK
    By switching to twentytwenty the font won't appear. 

    This makes sense to me, cause I uploaded the custom font to muffin. 

    In the Elementor Settings I chose "Vorgabe" and it looks right. 

    Plus: when you check https://der-mohr.com/der-mohr-2/ you can see the font in the right way at the words: "Es Lebe der Mohr!!" on the bottom. The Heading on top is a mess. Nevertheless, the settings are the same. 

    Thanks for your help

    MOHR!


  • PabloPablo
    I tested it on firefox and chrome and I do not see big difference.

    There is only a little bit different weight and paddings, which is normal because every browser have different interpretor of css.
    We keep it as much as possible to be the same.

    Can you tell me, how it should look like?
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • iRomeKiRomeK
    Hey, 

    it should look like at the picture on the left. 

    All sites, not build with Elementor => just with Muffin => show the font in the right way. Only the sites made with Elementor cause this problem. The sites built with Muffin e.g. the main page (https://der-mohr.com/) are right on any browser. 

    So this Problem is caused by Elementor and I don't know why.. 

    Hope you can help me! :) 

    Thank you

  • iRomeKiRomeK
    Should look like on the right! Sorry
  • BryanBryan
    Hey,
    what if you do not choose a font type in the Elementor plugin at all?
    When we build pre-built websites, we set all of the font types and families in theme options.
    We will take a look into that, let us know would it change if you set it in theme options and leave the elementor font selector to default.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.