Css Font won't import online

Question

i have a imported css font with the following code:

@font-face
{
    font-family: font;
    src: url('myriad pro/myriad pro/MyriadWebPro.ttf'),
    url('myriad pro/myriad pro/MyriadWebPro.ttf');
}

The problem is that online doesn't work but locally works.What is causeing the problem

i tried src: url('MyriadWebPro.ttf') and i moved the file still doesnt work — Antonio Papa, Mar 03 '13 at 00:14
this is way too vague to find a solution...what browser are you using? are those files/folders hosted online as well? — albert, Mar 03 '13 at 01:32
If the problem is that it does not work online, post the URL of the online page. — Jukka K. Korpela, Mar 03 '13 at 07:40

score 0 · Answer 1 · answered Mar 03 '13 at 00:19

0

Try renaming the file path, for example ---> "myriad-pro/myriad-pro/MyriadWebPro.ttf". Is your css file in the folder with the font. Check if your path is right.

P.S: Remove the bottom url (that on the third line.). When I use font-face I use only two. Example: font-family: Consolas; src: url('Consolas.ttf');

answered Mar 03 '13 at 00:19

divoom12

1
4

Try this tool: http://www.fontsquirrel.com/tools/webfont-generator It might help you. Check this out too: http://stackoverflow.com/questions/9897306/font-face-not-working – divoom12 Mar 03 '13 at 00:29

score 0 · Answer 2 · answered Oct 27 '16 at 02:18

0

@font-face
{
    font-family: MyriadPro; /* just declares a font in your stylesheet */
    src: url('myriad pro/myriad pro/MyriadWebPro.ttf'),
    url('myriad pro/myriad pro/MyriadWebPro.ttf');
}

body 
{
    /* now you need to use it */
    font-family: MyriadPro, sans-serif;
    /* so name it something useful, instead of just "font" */
}

answering old questions

for those who come looking after

answered Oct 27 '16 at 02:18

tesgo

66
1
7

For those who come looking after, can you please explain what you've changed and how it fixes the problem? – Simon MᶜKenzie Oct 27 '16 at 02:40
the question itself isn't clear, it does omit the portion of the code where the @font-face is used – tesgo Oct 31 '16 at 17:31
my example includes the body element where the defined $font-face is used – tesgo Oct 31 '16 at 17:32

Css Font won't import online

2 Answers2