Adding custom fonts to Windows 8 Store JS apps

I was trying to add an OTF font to a Windows 8 Store app, then I got the error “CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable“. After bit of searching, I found that I needed to convert the font to TTF (I used this website but there are many alternatives) and use the utility found in http://carnage-melon.tom7.org/embed/ to set the font to ”installable embedding allowed‘. The executable on the website didn’t work for me in Windows 8 x64 but I compiled it for OS X (since VS Express 2012 doesn’t come with command line compiling, and I am not sure if there are any other ways to do it). You can download the binary here. Usage is ./embed font.ttf.

After that, all I had to was to add a @font-face to my css file, and just specific the font in font-family.

@font-face{ font-family: "fontname"; src: url("/fonts/font.ttf") format('truetype'); }