CODEWITHSUNDEEP
cssfontsfont-face
Ricardo Rodrigues
Ricardo Rodrigues

Reputation: 2703

Font does not load in firefox but works in chrome

Having an issue with Font not sure why is loading for Chrome, but in Firefox it seems like it is not loaded.

Here is an example

Thanks in advance

Upvotes: 7

Views: 8081

Answers (8)

Mossawi
Mossawi

Reputation: 921

Do you use:

<base href="http://www.site.com/" />

If so, change it to:

<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />

Upvotes: 0

CasualBot
CasualBot

Reputation: 86

i had this exact same issue a couple weeks ago.

all i did was add local('*Name of Font*) so that the browser would look for the font

Firefox is weird. I've noticed in development local servers it will try to load the font from your install font sets before trying to actually look for the src font in the path you specify.

Thats were local will help it will tell it to look in local font sets.

Upvotes: 0

CSS Guy
CSS Guy

Reputation: 1984

save font in same directory and apply like this this will work i have check in my firefox 12.0

@font-face
{
    font-family: 'Play';
    src: url('play.ttf');
}
.font
{
    font-family: "play";
    font-size: 20px;
}

<p class="font">TESTING</p>

Upvotes: 2

zeeshan ansari
zeeshan ansari

Reputation: 381

In Firefox (Gecko), web fonts are subject to the same domain restriction (font files must be on the same domain as the page using them), unless HTTP access controls are used to relax this restriction.

Note: Because there are no defined MIME types for TrueType, OpenType, and Web Open File Format (WOFF) fonts, the MIME type of the file specified is not considered.

Upvotes: 1

Anri&#235;tte Myburgh
Anri&#235;tte Myburgh

Reputation: 13527

I think it might be better to just use it straight from Google. Then you don't need to worry about any copyright issues and it's free.

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:

Upvotes: 1

utsikko
utsikko

Reputation: 1545

Check out this SO thread, which had the exact same problem as you have. The suggested work around was offered in other communities and helped solving this issue:

Upvotes: 4

strnk
strnk

Reputation: 2073

Firefox will only accept relative path to fonts. If you want to use a different domain to host the font than the one where the page is located, you have to follow Mozilla's HTTP access control policy:

This cross-origin sharing standard is used to enable cross-site HTTP requests for:

[...]

Web Fonts (for cross-domain font usage in @font-face within CSS

Upvotes: 1

Simon Dorociak
Simon Dorociak

Reputation: 33515

I think Firefox supports only TrueType/OpenType TT(.ttf) and OpenType PS (.otf).

Have look at this table.

EDIT: Your answer you find here i think.

Upvotes: 2

Related Questions