how to load .ttf fonts from a URL path?

Question

I am trying to load an external .ttf font in a page from a URL path.

it will work fine if i load it locally like so:

@font-face {
    font-family: 'myFnt';
         url('fonts/Font.ttf') format('truetype'),

}

but it doesn't work in Firefox and it doesn't load the font if I try to load like so:

@font-face {
    font-family: 'myFnt';
         url('http://www.mywebsite.com/fonts/Font.ttf') format('truetype'),

}

I tested it in Google Chrome and it worked fine either way but it doesn't load the font in Firefox if I do it the way shown in the second code!

could someone help me out with this please?

http://stackoverflow.com/questions/2237540/how-do-i-load-external-fonts-into-an-html-document — karthikr, Mar 30 '14 at 17:48

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

this works for 4 in chrome and firefox as well

@font-face {
    font-family: 'myFnt';
    src: url('webfonts/name.ttf');
    font-weight: normal;
    font-style: normal;
}

are you using a .htaccess file? If yes put theae on your .htaccess file

<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

edited May 23 '17 at 11:49

Community

answered Mar 30 '14 at 17:50

are you using a .htaccess file?? – Mar 30 '14 at 18:52
I am using htaccess file but I need to load the font in an ebay template so .htaccess won't help! – user3454730 Mar 30 '14 at 19:12

1 Answers1