Skip to content
GeneratePress
  • Home
  • Premium
  • Site Library
  • Install
  • Help
    • Documentation
    • Support Forum
    • Contact
  • Log In
GeneratePress
  • Home
  • Premium
  • Site Library
  • Install
  • Help
    • Documentation
    • Support Forum
    • Contact
  • Log In
  • Log In
  • Free Support

[Resolved] Custom Fonts (@font-face) not showing up in Chrome or Firefox

Home › Forums › Support › Custom Fonts (@font-face) not showing up in Chrome or Firefox

  • This topic has 5 replies, 2 voices, and was last updated 3 years, 9 months ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 10, 2017 at 7:52 pm #347380
    Nick

    http://www.assetmgtplanning.com/

    My custom fonts are not showing up for this site on either Firefox or Chrome. It works on Safari and iOS Safari.

    I’m using the exact same code (which works) on another site.

    Additionally, the logo isn’t showing up on Firefox for me (works on other browsers). It’s an SVG logo, using this additional CSS:

    /* HEADER LOGO */
    .header-image {width: 100%; min-width: 100%;}
    /* END HEADER LOGO */

    I’m at a loss. Any ideas??

    Thanks!

    GeneratePress 1.3.48
    GP Premium 1.3.1
    July 10, 2017 at 8:41 pm #347403
    Tom
    Lead Developer
    Lead Developer

    I’m seeing these errors: https://www.screencast.com/t/7404703NwPL

    Usually this means there’s a mis-match in URLs, so the URL you’re visiting doesn’t match the URLs in “Settings > General”.

    The solution would be adding something like this to your .htaccess file: https://stackoverflow.com/a/26521650/2391422

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/
    Ongoing Development: https://generatepress.com/ongoing-development

    July 11, 2017 at 3:42 am #347539
    Nick

    Excellent. That fixed the fonts issue (how silly of me!). Thank you!

    Any idea on the logo not working on Firefox? I’m stumped on that one— the same code used works for other sites, but not this one.

    /* HEADER LOGO */
    .header-image {width: 100%; min-width: 100%;}
    /* END HEADER LOGO */

    Thanks!

    July 11, 2017 at 9:28 am #347717
    Tom
    Lead Developer
    Lead Developer

    Try giving it fixed dimensions like I suggested in this article: https://docs.generatepress.com/article/adding-svg-logo/

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/
    Ongoing Development: https://generatepress.com/ongoing-development

    July 11, 2017 at 10:47 am #347779
    Nick

    Thanks! That worked!

    July 11, 2017 at 2:18 pm #347854
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/
    Ongoing Development: https://generatepress.com/ongoing-development

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

Common Issues

  • Missing style.css
  • Updating errors
  • Plugin Install Failed

Useful Articles

  • Installing GP Premium
  • Installing GeneratePress
  • How to add CSS
  • How to add PHP

GeneratePress

  • About
  • Premium
  • Site Library
  • Gutenberg
  • Affiliates
  • Reviews
  • Brand Assets
  • Blog
  • We’re Hiring!

Support

  • Documentation
  • Contact Us
  • Support Forums
  • Fastest WordPress Theme
  • Changelogs
  • Legal
  • Donate
  • Translate

Popular FAQs

  • Install GeneratePress
  • Installing GP Premium
  • Missing style.css
  • Plugin Install Failed
  • Adding CSS
  • Adding PHP
  • WordPress Hosting

Social

  • Facebook
  • Twitter
  • WordPress
  • GitHub
Made with on Vancouver Island
  • Home
  • Premium
  • Site Library
  • Install
  • Contact
  • Support Forum
  • Documentation
  • Account
  • Checkout