font family different appearance among some browser

[phudra]

Hello, I have an issue on my web.
I just change font family for my main menu to "Nexa Bold".
using this css code:

Code: Select all

.uk-navbar-nav.uk-hidden-small li > a{
	font-family: "Nexa Bold";
	color: #000000;
}

Then I check the appearance. It look success when I open using my Chrome browser. But not when I open using firefox.

display on Chrome (Font: Nexa Bold)

chrome display.png

Display on Firefox (it should be Nexa Bold, but I don't know why the appearance like this)

firefox display.png

Anybody know the problem? Why the font appearance is different?


Thank you

[leolam]

Answer easy found https://www.google.co.id/search?q=firefox+and+Nexa+Bold
gives you

http://doctype.com/font-showing-bold-only-chromesafari

Read that and see you need to change font since FF does not support it

Leo

[phudra]

Answer easy found https://www.google.co.id/search?q=firefox+and+Nexa+Bold
gives you

http://doctype.com/font-showing-bold-only-chromesafari

Read that and see you need to change font since FF does not support it

Leo

I found a problem with my web.
Previously I have installed "Nexa" font on my computer.
Then I change the font family For my web "Nexa",

Code: Select all

.uk-navbar-nav.uk-hidden-small li > a{
	   font-family: "Nexa Bold";
	   color: #000000;
	}

and successfully.

Then I remove the font "Nexa" on my computer in the "Control Panel> Fonts> Nexa> delete".
Then when I open my web again, fonts had to be changed (not "Nexa").

For comparison, this web uses the font "Nexa", without installing the "Nexa" font,
fonts on the web has never been changed on my computer.

anybody have solutions for my web?


Thank you