Problem adding .woff Fonts
-
I have a problem adding .woff Fonts to Laytheme Webfonts. I can upload TTF, WOFF and WOFF2 files into the media library, without any problems, but when it comes to adding webfonts via Lay Options it doesn't recognise WOFF files, but it recognises the TTF and WOFF2 files. I tried this with different fonts too and the same issue occurred. It doesn't seem to be the typical Wordpress MIME upload problem.
-
@monoflop You should add the webfonts not via the Media library directly but via the Lay Options > Webfonts menu to also be able to choose a nice name.
But I also have found out that the woff/woff2 support is buggy at best (not totally cross-browser compatible for unknown reasons) and ttf is the only way. So my usual way is to convert any kind of font format to ttf before uploading it. I have no idea why otf is restricted which would be my first choice usually.
-
can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?
-
Hi @arminunruh
At the moment I'm developing the website offline with Local WP, so I can't really send you a link. Anything also that I could try to make LayTheme recognize Woff fonts? The Media Library recognizes them as fonts btw, file format (MIME Tyep) is font/woff
Thanks -
I did a little more testing and debugging for this WOFF Font problem and I really hope someone can help me to figure it out.
The upload and Wordpress MIME Type recognition is not the problem and works with TTF, WOFF and WOFF2 Fonts.
But the Laytheme fontsmanager just recognizes the Type correctly for TTF and WOFF2 Fonts = "attachment/truetype" for TTF or "attachment/woff2" for WOFF2.
For WOFF Fonts it just says "attachment/" -
when u upload ur website to a webhost i can help you if you send your /wp-admin/ login data
for now you can google "woff to woff2" or "woff to ttf" to find file conversion websites
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it