Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.


Initial Email From:
Steve
Initial Email Subject: Menu font style 
Support Case Month: December 2012

It's great that your program offers so many font selections. Only, most browsers don't support them.
Is there a way to have the menu save the font as a graphic (or something like that) so it can override the browser default?
Thanks,
Steve

Reply From: Likno Customer Support

Dear Steve,

No, I am afraid that this is not possible.

AllWebMenus will show fonts that are installed in your PC. You can either:

1) Choose standard fonts that are available in most PCs and also set fallback fonts in case they do not exist

2) Make images with the text using a graphic editor (such as “Paint”) and then load the images into the menu

3) Use a font library such as Google Web Fonts that will show a “funky” font in any PC (you should also use fallback fonts with the same size here to avoid possible menu sizing issues)

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Steve

Kostas,

Ah… As you might have guessed by now I don't give up that easily.

Here's what I did.

I wanted "Arial Narrow" for my font which is not supported by all browsers.

First, I created my own font family and put it in my "style.css" file, which looks like this:

===========================================

@font-face {

    font-family: narrow_font;

    src: local(narrow_font), url('fonts/ARIALN.TTF') format('opentype');

}

===========================================

Then, copy the "Arial Narrow" font .ttf file to a folder on the website called "fonts".

Next, I selected "Arial Narrow" in AWM as my font then made a custom font group so there were fall backs (just in case it didn't work).

That group looks like this:

===========================================

"Arial Narrow", narrow_font, Arial, Helvetica, sans-serif

===========================================

Now, if someone's computer actually has "Arial Narrow" installed on their computer, it will use that. Otherwise, next it will use my custom font family and pull the font from the "fonts" directory on the server.

Steve

Reply From: Likno Customer Support

Good job!

The menu looks good in all my browsers.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter