Font Combiner – improvements to free web fonts

From the explanation beneath &quot;How is this possible&quot;:<p>&gt; The Font Combiner application uses a couple of different techniques to overhaul fonts. All glyph forms are extracted from vectors present in the original fonts and scaled to size where appropriate, the vertical metrics are recalculated from scratch, and spacing and fresh automated hinting are applied to the result.<p>Now, I don&#x27;t know a lot about the gory details of typography, but I do know that type designers spend a lot of time thinking about things like &quot;appropriate size and scale&quot; and other metrics. Can these really be automatically recalculated from scratch and how can this possibly lead to a better result?

Some rendering screenshots would help. I&#x27;m viewing this on my iPad and the only difference I see is bad kerning in the examples on the right.

I was under the impression that Google Fonts stripped hinting to speed download since its entirely ignored by many platform&#x2F;browser combinations.<p>And for platforms that do use it I thought it ran ttfautohint to generate it, which sounds incredibly similar to what these guys do.<p>Relatedly, Google fonts also has sophisticated subsetting options which this page claims as an improvement over Google&#x27;s offering.<p>edit: relevant links<p><a href="http://www.freetype.org/ttfautohint/index.html" rel="nofollow">http:&#x2F;&#x2F;www.freetype.org&#x2F;ttfautohint&#x2F;index.html</a><p><a href="http://m.youtube.com/watch?v=QTX1lU97z08" rel="nofollow">http:&#x2F;&#x2F;m.youtube.com&#x2F;watch?v=QTX1lU97z08</a> (27 minutes in for stripping hints on non-windows requests)<p><a href="http://googlewebfonts.blogspot.com/2011/04/streamline-your-web-font-requests.html" rel="nofollow">http:&#x2F;&#x2F;googlewebfonts.blogspot.com&#x2F;2011&#x2F;04&#x2F;streamline-your-w...</a>

On my MacBook Air, the original version looks much better than the &quot;improved&quot;.

I see clear difference on both Windows and Linux, your product makes the fonts more clear and sharp thus making it more readable and less fuzzy than taking fonts straight out of Google Fonts. Looks to me like a solid thing, definitely bookmarked.

They look mostly the same to me on a 30&quot; screen (chrome on linux). Slightly different kerning is all I can really tell. Certainly no significant difference.

So essentially you want to deliver the font combiner version to Windows&#x2F;Chrome and the normal version to everyone else.

Can&#x27;t see a difference, other than a slight change in spacing between letters. Maybe the site should explain what I&#x27;m supposed to be looking for since it&#x27;s not obvious? As it stands, there&#x27;s no explanation about what changes, and there&#x27;s no real visible difference. Why would I use this?

Big improvements on Windows 7 &#x2F; Chrome.

This affects mainly Windows users (why I do not know.. but the default Google fonts have always look like shit on my Windows machine).<p>If you don&#x27;t see any difference think about how many people are viewing your app&#x2F;site on windows machines and having to look at the horrible default rendering.<p>You can always tell when a site is build with Apple and not throughout tested on Windows, the fonts are always horrible, and there are very few tested services that render fonts across OS&#x2F;browsers the right way, so this is a great idea.

Definitely worse for me under FF25&#x2F;linux with the autohinter. Kerning also seems to be worse in certain common cases (&quot;ow&quot;).<p>Fortunately, I enforce my own fonts on web pages, as I cannot stand the incredibly poor quality of most &quot;web fonts&quot;. Proper hinting makes a world of difference for reading on a screen. If you really care for typography on your website, you should pay for a decent font, or use a common system font.

Forgive the slow response to some of the comments. Font Combiner&#x27;s utility is intended to be as much in the facility to combine glyphs from more than one font and to adjust spacing characteristics and hinting to taste, along with scaling fonts to size for greater consistency.<p>Hinting and vertical metrics are quite the rabbit hole across platforms. This is a good article <a href="http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/" rel="nofollow">http:&#x2F;&#x2F;www.smashingmagazine.com&#x2F;2012&#x2F;04&#x2F;24&#x2F;a-closer-look-at-...</a><p>Font kerning is very new to web browsers. So far as I&#x27;m aware neither of the fonts demonstrated at the top of the post contain kerning information. The heavy fonts lower down do.<p>Font Combiner itself is still very new. Tracking or character spacing (as opposed to kerning) may benefit from some additional tweaks for OSX. This is outside of the scope of the current UI.

On linux with slight hinting enabled, and I see no discernable difference between the examples.

Great project! Web designers need absolute control over charset and font size (load), kerning, word and letter spacing, etc. Support for OpenType features [1] would be a dearly needed addition. Editing&#x2F;tweaking of glyph shapes [2] would make this tool really into an in-browser font editor.<p>[1] <a href="http://en.wikipedia.org/wiki/List_of_typographic_features" rel="nofollow">http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;List_of_typographic_features</a> [2] Check nodebox.github.io&#x2F;opentype.js&#x2F; (<a href="https://news.ycombinator.com/item?id=6459778" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=6459778</a>)

I notice improvements on windows8&#x2F;chrome on the 2nd one. First one is about the same. I&#x27;ve always hated how bad web fonts can look on chrome on windows and why they have yet to resolve the issue.

View statistics for Font Combiner following some exposure on HN show upwards of 70% Linux and Mac. This probably isn&#x27;t representative of the audience most fonts in use would be presented to. If you&#x27;re interested in the differences, do try a test in Windows on a browser without DirectWrite.<p>This is a screenshot showing Windows 7 and Chrome 30: <a href="http://i.imgur.com/WBbUIFi.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;WBbUIFi.png</a>

Windows 7, Firefox 25 with no hardware acceleration.<p><a href="http://imgur.com/a/V8zTc" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;V8zTc</a>

On Chrome, on a retina Mac Book Pro here. Kind of liked the right side they produced at first glance, but actually reading the text, the left side is clearer, sharper, and lighter and easier on the eyes. Reading the right is like reading an entire book set in bold. Maybe their stuff is just good for heavy title fonts or something?

I first viewed the examples on my Macbook Air, and didn&#x27;t see much difference (except what looked to me as marginally better kerning for the Font Combiner version).<p>Viewing them again on Chrome&#x2F;Win7, the ones served by Font Combiner seem to have much better hinting.

No 1&#x27;s to compare against upper case &quot;I&quot; and lower case &quot;l.&quot; No 0&#x27;s to compare against upper case &quot;O.&quot;<p>I don&#x27;t see any differences.

On my Mac+Google Chrome the difference is barely noticeable.

Demo didn&#x27;t show diff for me. (OSX Chrome) But the actual font-combiner tool seems to be great, I can create my own font combining few fonts. Which is nice.

The fontcombiner versions appear more appealing to me, more crisp and bold and weightier, than the G webfonts. iphone 4s, ios7.

Looks great, this is something I&#x27;ll use for sure.

what does it do?