The Web Font Combinator

Fonts RalewayGrumpy wizards make toxic brew for the evil Queen and Jack. Thin 100Grumpy wizards make toxic brew for the evil Queen and Jack. Extra-Light 200Grumpy wizards make toxic brew for the evil Queen and Jack.FontographerThe Kleper Report on Digital Publishing - Issue 16.4 July / August 2011 "Fontographer 5.1 is the best-in-class font editor, the flagship application that has launched a thousand faces (and more). Not only does it excel as a powerful and flexible font editor, it enables the serious typographer to customize their existing fonts, add new glyphs as needed; critically adjust kerning and spacing; convert old fonts to a new format; and more."

PatternBoltThe pattern selection still be under development, if you want to contribute to the project, you can vote the patterns proposals on the Trello board with just a click. Of course you can also submit your own pattern just requesting an invitation for the board. Just a small raster preview of the pattern is needed for the vote, but it's important for the original version of the pattern to be vector graphics (.svg, .ai, .pdf,...) otherwise it will not be compatible with PatternBolt. To request a board invitation write me a mail at ruggero.motta at gmail dot com, or tweet at my Twitter account, I'll reply you quickly.

FontFriend – Soma DesignFontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages, making it the ideal companion for creating CSS font stacks. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+, Chrome 7+), in any document you’re currently viewing. Version 2.5 and 3.0 introduced some new features that aren’t documented here yet.

20 Amazing Free Font PairingsContrast and Collaboration Graphic designers generally agree that your different fonts should have an element of contrast (i.e. pairing a Sans Serif font with a Serif font) as well as a sense of collaboration-you want your two pieces of type to complement each other and “get along” rather than clash. Things like style, flow, width, kerning, thickness, and more can all be attributes that help two different fonts pair nicely with a healthy amount of contrast and collaboration. Free Fonts Below These fonts are all available (as of the moment I published this post) for free!10 Free Beautiful Calligraphic FontsMar 05 2010 By Paul Viluda The word “calligraphy” is derived from two Greek words, denoting “beautiful writing”. Calligraphy or the art of writing has thousands of years in its history and development, and indeed calligraphy fonts, which we often use these days on our PCs to create a postcard or a wedding invitation card, are absolutely about aesthetics, refinement, creativity, and pure beauty.

Understanding SVG Coordinate Systems & Transformations (Part 1) – The viewport, <code>viewBox</code>, & <code>preserveAspectRatio</code>SVG elements aren't governed by a CSS box model like HTML elements are. This makes positioning and transforming these elements trickier and may seem—at first glance—less intuitive. However, once you understand how SVG coordinate systems and transformations work, manipulating SVGs becomes a lot easier and makes a lot more sense. In this article we're going to go over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio. This is the first in a series of three articles covering the topic of coordinate systems and transformations in SVG.

Top Links to Fonts for Your Self-Published BookOne of the most often-asked questions on the blog is: “What text font should I use for my book?” In fact, this question comes up so often I’ve written quite a few articles on the subject. But like most blogs, these posts can be hard to find in the dark reaches of the archives. After writing earlier this week about the posts with the most blog comments, I realized that I had never brought all these articles together in one place. To make up for that, and as a resource I can point to when people ask the question again about the best book font—certain to happen in the very near future—I’ve brought them all together here.

The Future Of CSS TypographyAdvertisement There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care.