Use Custom Font (Custom CSS Question)

  • Resolved 2ysub2ysur

    (@2ysub2ysur)


    7 years ago

    The website I am working on uses a custom font added with @font-face in the theme’s CSS file. I want to use this font on the pop-up, too, however I am not able to get it to work.

    – I have tried adding the @font-face CSS to the custom CSS box in the plugin. Doesn’t work.

    – I have also tried just using the name of the font, without the @font-face CSS added to the plugin’s Custom CSS area. Doesn’t work either.

    Any input would be appreciated. Thank you in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hey @2ysub2ysur,

    Hope you’re well.

    If you are using custom content can you add and try this custom CSS;

    
.wph-modal.wph-modal-container .wph-modal--content h2, .wph-modal.wph-modal-container .wph-modal--content section *{font-family: 'Pacifico', cursive !important;}

    If you are using Email opt-in can you add and try this custom CSS;

    
.wpoi-hustle .wpoi-optin *{font-family: 'Pacifico', cursive !important;}

    Please be sure about your theme loaded necessary font correctly and change font names to proper name.

    I hope that helps!

    Cheers,
    Oguz

    Thread Starter 2ysub2ysur

    (@2ysub2ysur)

    Hi there,

    Thanks for your response. Unfortunately, that’s not working for me. The webfont still isn’t being loaded (so, in your example, Pacifico is not being used – it defaults to just ‘cursive’).

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hey @2ysub2ysur,

    You need to first load font differently. For my test site I added font import code to Customization > Additional CSS like this;

    Then I added codes to Hustle Custom CSS area like this;

    After that steps, it should work unless you are using any caching plugin. If you are using, try clearing caches.

    Cheers,
    Oguz

    Thank you for using Hustle. I am going to close this topic for now. If the font is still not showing correctly we can reopen the thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Use Custom Font (Custom CSS Question)’ is closed to new replies.