babyboomer Posted September 15, 2018 Share Posted September 15, 2018 (edited) 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? Edited September 15, 2018 by babyboomer reformat Link to comment Share on other sites More sharing options...
Ingolme Posted September 15, 2018 Share Posted September 15, 2018 Which browser has the issue? I know that Internet Explorer / Edge will refuse to show certain fonts if you haven't obtained a licensed version of it. You can tell if that's the case because The browser's console will show an error message about the font. If this is your problem, the solution to the problem is to modify the font file, here's a tool that can help fix font files: https://www.fontsquirrel.com/tools/webfont-generator Link to comment Share on other sites More sharing options...
babyboomer Posted September 17, 2018 Author Share Posted September 17, 2018 (edited) Thank you, Ingolme! To answer your question, it is the Internet Explorer browser with which I'm having the problem. Surprisingly, I'm not having this problem with Microsoft Edge. I went to the font squirrel site to try converting the font (Comic Sans MS), only to discover that It has been "blacklisted." Edited September 17, 2018 by babyboomer content correction Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now