Note that there are some explanatory texts on larger screens.

plurals
  1. POUse Marlett.ttf as a font with CSS
    primarykey
    data
    text
    <p>I'm working on a web-based GUI, for which I chose to use some graphical elements from Windows. These elements are the ones Windows gets from its own system font named Marlett.ttf : for those of you who aren't familiar with it, Marlett.ttf contains the caracters used in Windows to render multiple GUI details : window operations symbols (cross, dash, squares), scrollbar arrows, and so on.</p> <p>As I want to achieve my goal without any image and in pure CSS, I figured I'd just use CSS3 @font-face property to make sure I can use Marlett.ttf in my webpages.</p> <p>None of my trials (calling the local font file, extracting it (which was a pain in the ass because it's a truly well hidden file, I had to use xcopy to get a copy of it from my own Windows !) and calling it as a distant file...) were successful.</p> <p>I even tried to use cufòn, even if I wouldn't have been satisfied at all with it, but even the cufòn website seems to fail generating a proper .font.js file from that goddamn .ttf : the only result I get from this being an empty tag, as if cufòn was unable to parse characters from that font. These are perfectly standard though (speaking of indexes, these caracters correspond to digits from 0 to 9 and lowercase letters from a to z).</p> <p>The marlett.ttf file itself doesn't seem to be specific in any way, as you can check its content with charmap or simply by double-clicking it and using Windows' font preview function. I didn't check it with another OS though...</p> <p>Does anyone has any clue about what's going wrong here ? Why can't I use that font like any other one, and what can I do about it ? Does the file have "special" properties making it unreadabke by anything but Windows (even if I'd have real trouble believing it), and if it does, would there be any way for me to get rid of it ?</p> <p>Thanks in advance for your time. Here's a fiddle : <a href="http://jsfiddle.net/kRkBa/" rel="nofollow">http://jsfiddle.net/kRkBa/</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload