Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>It turns out there are a few more metrics that have to be applied in order to get a font working on all platforms. What seems to have done the trick was setting the <strong>hhea/typo ascender</strong> in the advanced metrics section.</p> <p>I've added some screenshots of the settings I applied and that worked for me. The <strong>descent line is set to 0</strong> and the <strong>ascent line</strong> as well as the <strong>caps height</strong> and <strong>x-height</strong> are all set to 1250. I chose 1250 since a font I previously looked at had this number, but it seems to be of no importance as long as it is the same for all ascents and heights. I suppose the x-height really doesn't matter in my case since all glyphs are set to equal height. Maybe the caps height isn't necessary either, please drop a comment on that!</p> <p>I also added a screenshot of my FontSquirrel settings. I am not sure at all which parts are necessary, but I prefer to go safe. I unset the "Fix Vertical Metrics" option since it very well could be an unwanted "black box". The x-height matching is set to None, but probably doesn't matter.</p> <p>What matters is the <strong>Base64 Encode setting</strong>. Without this you can't load the font from another domain, which is due to browsers implementations of SOP (Same Origin Policy). More on this here: <a href="https://stackoverflow.com/questions/2892691/font-face-fonts-only-work-on-their-own-domain"><a href="https://stackoverflow.com/questions/2892691/font-face-fonts-only-work-on-their-own-domain">@font-face fonts only work on their own domain</a></a>.</p> <p>I really don't know if it is necessary to use the same Em Square Value I used when I created the font, but it seems reasonable. To be frank, I don't even know what it means... :-)</p> <p>If you feel that you can contribute to a better understanding of these metrics, or if there are any mistakes/unnecessary values set, please add a comment!<br><br><br></p> <p>Font metrics setup in Type 3.2<br> <img src="https://i.stack.imgur.com/zRCiw.png" alt="Font metrics setup in Type 3.2 "></p> <p>Advanced font metrics setup in Type 3.2<br> <img src="https://i.stack.imgur.com/jTZi6.png" alt="Advanced font metrics setup in Type 3.2"></p> <p>Glyph example<br> <img src="https://i.stack.imgur.com/FZrko.jpg" alt="Glyph example"></p> <p><img src="https://i.stack.imgur.com/qXe1X.jpg" alt="enter image description here"></p>
    singulars
    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. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      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