February 24th, 2013AWM: How can I use custom fonts in menu?
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Alexi
Initial Email Subject: Custom Fonts
Support Case Month: January 2013
I'm trying to use a custom font for the navigation menu called "Neutraface Condensed Titling", which is what the logo in the top left of the page is done with. I read the two knowledgebase posts about custom fonts, but do not have the syntax correct to apparently get this font to load. Please check the URL, and see the reference to the font in the css file at:
Also, on my local PC they are viewable, but looked a bit bitmapped/jagged. Why does the font not look better? I'm feeling like I need to create images of these, so they look cleaner/clearer, but that should not be the case.
Reply From: Likno Customer Support
In order for your Custom Fonts to work, they must be available online so that they can be downloaded to any browser viewing your site.
This is done with Web-Fonts, such as Google Fonts. You cannot upload a custom font that you have in your PC (e.g. in Photoshop or Corel).
First of all because it is very tricky technically (and requires full access to the server) and secondly because their license would never allow this…
If you are using a Web Font, then make sure that it is properly included in your page (try it with a simple <div> that uses the font). If it works there it will also work in the menu without doing anything else.
Likno Customer Support
Like us on Facebook – Follow us on Twitter