Search code examples
htmlcssfontsfont-facefont-family

Src folder url for font-face CSS

I have one folder that has "styles", and one folder with the actual index.html file. I'm trying to let my index.html file know that the source for my font-face url is inside the "styles" folder.

This is what I have so far:

@font-face{
font-family: CHERL___.ttf;
src: url(../Style/CHERL___.ttf);
}

I believe that this is incorrect, since it won't load. What is the correct way to identify a file path?

Thank you!

Solution 
  • @font-face{
font-family: CHERL; // Name of the font
src: url(/Style/CHERL___.ttf); 
}

    If you are calling it directly from index.html without a style.css you should use /Style/CHERL___.ttf