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

[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

[Tom]

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

[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!

[Tom]

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

[Nick]

Thanks! That worked!

[Tom]

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