Search the Community

I'm trying to "embed" a TrueType font using the CSS font-face facility. To do so, I copied the TrueType font files from the Windows/Fonts folder to a folder in my website directory. the corresponding CSS looks like this: @font-face { font-family: 'Comic Sans MS'; src: url(../../resources/fonts/comic.ttf) format('truetype'), url(../../resources/fonts/comicbd.ttf) format('truetype'), url(../../resources/fonts/comici.ttf) format('truetype'), url(../../resources/fonts/comicz.ttf) format('truetype'); } I've elected to use this technique to ensure that the appropriate typeface is displayed even on systems where the specified typeface is not installed. Unfortunately, it does not appear to be working. On my system where I'm running Windows 10, the comic font is displayed…, that is, until I add the font-face construct. I have used this technique before to embed typefaces, but those were typefaces for which I acquired a license. I'm just wondering whether I have run up against a licensing issue. Perhaps I'm being presumptuous, but I thought I could (re)use the typefaces installed on my system. if I am mistaken, there's an easy remedy. Any feedback would be greatly appreciated. By the way, in the event I need to purchase a license, does it matter which foundry I use?