There is really no issue for the end user as almost all modern applications that uses fonts are able to work with TTF and OTF files. Since there is really no reason to stop using TTF in creating new fonts, most font makers still stick to what they know works, even if it is inferior to the alternative. The reason behind this popularity is the simplicity of making TTF fonts compared to OTF fonts that use CCF. It may be taking much longer than expected, but the number of OTF fonts is already on the rise. Although it may not have a very significant effect on your computer, it is also worthy to note that the use of CCF in OTF could lead to file sizes that are significantly smaller, given that no special features are used in the font.ĭespite the proven superiority of OTF fonts, especially when using CCF, the use of TTF fonts is still very prolific. OTF also adds a few smartfont features, on top of the sfnt structure that is being used by TTF, to add additional language support to the fonts. The cubic Bezier splines used by CCF allow for fewer points to be used in defining how a character would look compared to the quadratic Bezier splines used by TTF fonts. TTF depends solely on glyph tables that define how each character looks while OTF is able to use glyphs along with CCF (Compact Font Format) tables. TTF stands for TrueType Font, a relatively older font, while OTF stands for OpenType Font, which was based in part on the TrueType standard.Ī significant difference between the two is in their capabilities. TTF and OTF are extensions that are used to indicate that the file is a font, which can be used in formatting the documents for printing. With widely varying rendering technologies in use today, pixel-level control is no longer certain in a TrueType font. The primary strength of TrueType was originally that it offered font developers a high degree of control over precisely how their fonts are displayed, right down to particular pixels, at various font sizes.
OTF VS TTF VS WOFF MAC OS
It working on Mac OS and Microsoft Windows OS. Let me help you choose the right font format for your blog or website. But, are you ever think "Which one i choose WOFF, TTF, or OTF Font Format ?" That is what in my mind now. The use of lineheight 0 and absolute positioning of spans is to eliminate the effects of browser-renderer specific rounding effects that otherwise make a mockery of any attempt for pixel-perfect font layout.This blog rich with fonts. Sample HTML page displaying issue is below.
OTF VS TTF VS WOFF HOW TO
But I have no idea what or how to query it to make allowance for same. Swapping the WOFF with the original TTF or OTF (as applicable) does not eliminate the issue, so it is probably something in the original font file itself that is hinting to the browser to display lower down.
OTF VS TTF VS WOFF SOFTWARE
This doesn't appear to be converter dependent - I have tried almost a dozen converters from the online ttf to woff services to purchased software including TransType etc. The blue rectangles in the screenshot linked illustrate the bounds that are expected when interrogating the font to position between baseline of last line and ascent of first line - to match InDesign display positioning.Īll positioning values are calculated explicitly from these font ascent / descent values and have been validated against over 1000 fonts - they are pixel perfect in well over 90% of fonts, but some (such as the example) are shifted vertically downwards.Īdditionally, this phenomena appears consistent across a range of browsers - similar behaviour is observed in FireFox, Edge, Opera, Chrome. Screenshot of HTML page displaying WOFF with a problem font compared to PNG extracted from InDesign using the same font The example chosen demonstrates how the ClarendonNo1URW-Lig font displays a small number of pixels below where would be expected using the same font outside of a browser. Can anybody point me to a reference that might explain what?ĮTA: Following comments below, I have edited this to include an MCVE. (I have tried over a dozen WOFF conversions and all display the same positioning.)Ĭlearly there is something in the affected fonts that causes WOFF to display vertically down from the OTF / TTF / SWF position. Historically, these have been displayed using Flash but, obviously, we are now investigating HTML5.Ī subset of WOFF fonts display vertically displaced downwards by up to several pixels - this appears to be converter independent. We are working on a large print app with thousands of fonts.