Hi everyone,
I’m trying to reference some font files in my code. According to Bootstrap, icon font files need to be located in the …/fonts/ directory, relative to the compiled css files. I have a directory called css in my root folder that contains my compiled css file. I also have a directory called fonts in my root directory where I’m storing the bootstrap icon font. I’m referencing the font file in my css file using the following code:
@font-face {
font-family: myfont;
src: url(…/fonts/myfont.eot);
src: url(…/fonts/myfont.eot?#iefix) format(‘embedded-opentype’), url(…/fonts/myfont.woff2) format(‘woff2’), url(…/fonts/myfont.woff) format(‘woff’), url(…/fonts/myfont.ttf) format(‘truetype’);
}
But the above doesn’t seem to render the font.
Can anyone tell me what I might be doing wrong or if I’ve got the path incorrect?
Thanks so much in advance.