Comments on: Optimizing Fonts for the Web: Outlines and Components https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/ News about Typekit Sun, 02 Oct 2011 18:23:37 +0000 hourly 1 https://wordpress.org/?v=5.4.1 By: vernon adams https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2744 Sun, 02 Oct 2011 18:23:37 +0000 http://blog.typekit.com/?p=5461#comment-2744 Tim!

re “Recomponentization” – there’s seems to be an ‘issue’ in later osx’s where referenced components fail to be rendered properly if the component is comprised of another component. An example would be to create a dieresis from two periods, and then to reference the dieresis in ü, ë, ä etc etc. The result would be the ‘periods’ of the dieresis would get placed on the baseline, or just randomly it seems. So, a good rule seems to be to not create components from other components. I would love to know why this is the case, if you have any ideas.

]]>
By: mja https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2743 Tue, 27 Sep 2011 13:35:55 +0000 http://blog.typekit.com/?p=5461#comment-2743 PostScript based Opentype support subroutines, which in all practical aspects is a super-set of TrueType components.

The Fontforge user interface have support for TTF-style components in fonts made with cubic bezier curves. When a font is exported as Opentype-CFF, it generates subroutines (it also seek out other parts of the glyphs that can be compressed and speeded up using subroutines), when exported as Opentype-TTF, it generates TTF-components (it even finds components that is not made with the component-feature, e.g. if an accent is identical in several glyphs and in the accent glyph, or a character is identical in several accented glyphs). I haven’t used propriety font editors in ages (since 1996, I think), but I would be surprised if they don’t all have similar features. Also, being able to have only one version of a glyph component (like an accent) that change automagically in all glyphs that use it, makes it much easier to create glyphs. Are you sure you have to do “recomponentization” by hand (or however you do it)?

Fontforge also support layers with different kinds of splines. With a bit of scripting, I think that could simplify some of your problems (redo the hard to convert part of a glyph by hand in a separate quadratic layer, then use a script to merge (and convert) the layers). Most open source projects (using FontForge) seem to do most of the work (at least the creative part), using spiro-curves nowadays, which isn’t like bezier curves at all.

]]>
By: Gregory G. Armento https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2742 Mon, 26 Sep 2011 10:55:17 +0000 http://blog.typekit.com/?p=5461#comment-2742 looking forward tot eh next post. I am curious about why some fonts plug-up at small point sizes, while standard resident fonts (Times New Roman,Georgia, Verdana, Arial, and Arial Narrow) are still readable.

]]>
By: Tim Ahrens https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2741 Mon, 26 Sep 2011 07:55:03 +0000 http://blog.typekit.com/?p=5461#comment-2741 Hi Ott,

For bringing characters from Illustrator into FontLab, there are some step-by-step descriptions out there, I believe. You could try searching on typophile.com (their built-in search does not work so well, use a search engine).

If you are new to fonts, I’d suggest working with PostScript-based fonts, which use the same type of curves as Illustrator, are easier to edit, and easier to hint. You could even try completely unhinted PS-based fonts, which often look quite good as webfonts.

]]>
By: ott https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2740 Fri, 23 Sep 2011 18:33:01 +0000 http://blog.typekit.com/?p=5461#comment-2740 Hi Tim,
I am still junior in web fonts and I am trying to design new web font right now,,, So I have some questions to you:
First of all, I am using Fontlab but I have designed my characters in Adobe Illustrator then I copy them to Fontlab.. So, Is it necessary to convert each char to truetype or to post-script ?? (via: Contour -> Convert -> curves to truetype)

Is it necessary to make hinting to my web font?
finally, I wish you can write more about hinting in the near future

Best

]]>
By: zandyring https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2739 Fri, 23 Sep 2011 14:33:02 +0000 http://blog.typekit.com/?p=5461#comment-2739 I love reading about this sort of stuff – I wish I could take some classes on it locally! Until then I will live vicariously through Typekit.

]]>
By: Typofonderie (@typofonderie) https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2738 Tue, 20 Sep 2011 13:49:29 +0000 http://blog.typekit.com/?p=5461#comment-2738 Tim, btw I have nothing against TrueType, more about the conversion tools that I know… @jfporchez

]]>
By: Tim Ahrens https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2737 Mon, 19 Sep 2011 14:31:07 +0000 http://blog.typekit.com/?p=5461#comment-2737 Thanks for your comments, everyone!

Jason: Yes, FontForge has some very powerful functions but it does not seem to be particularly popular for actual type design work, at least among the designers I know. Excellent for post-processing, though.

Kenneth: Not sure what you mean. The things outlined in this article are done by us at Typekit for fonts we host – you don’t need to do these optimizations yourself.

J F Porchez: Thanks, that’s very interesting. I didn’t know of Sabon Next as a specific example. I can imagine that it was particularly tricky to convert because of the refined curves.

]]>
By: Jack https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2736 Sun, 18 Sep 2011 11:10:30 +0000 http://blog.typekit.com/?p=5461#comment-2736 Brilliant technical post. I love the detail and the graphics. Keep up the great work guys.

]]>
By: Typofonderie (@typofonderie) https://blog.typekit.com/2011/09/14/optimizing-fonts-for-the-web-outlines-and-components/#comment-2735 Fri, 16 Sep 2011 22:11:01 +0000 http://blog.typekit.com/?p=5461#comment-2735 Good examples about the conversion to TrueType! Its clear as 99% of typefaces designed in “otf Bézier”, any conversion to TrueType modifying the original design. No conversion is perfect, but in cases of very delicate design, a conversion almost doesn’t work, as it destruct too much designer intentions. It was very problematic to see my Sabon Next convert to TrueType because of what you explained well. TrueType works for small sizes, not display for sure! Even not discussing hinting here, just outlines. @jfporchez

]]>