Archived topic
Custom Fonts (@font-face) not showing up in Chrome or Firefox
5 replies · Started by Nick on July 10, 2017
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!
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
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!
Try giving it fixed dimensions like I suggested in this article: https://docs.generatepress.com/article/adding-svg-logo/
Thanks! That worked!
You're welcome :)