CINXE.COM
Glyphography / fonts
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Glyphography / fonts</title> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cantarell"> <link rel="stylesheet" href="glyphfonts.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print" /> <!--[if lt IE 8]> <link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection" /> <![endif]--> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-608779-5']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body style="background-image:url('haze.png'); background-repeat:repeat-x;" > <div class="container"> <div class="span-24 prepend-top last" style="background:#5a69ad; min-height:190px; box-shadow:0px 0px 20px 10px rgba(0,0,0,0.25); -moz-box-shadow:0px 0px 20px 10px rgba(0,0,0,0.25); -webkit-box-shadow:0px 0px 20px 10px rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5,MakeShadow=true,ShadowOpacity=0.25); background: #000\2"> <div class="span-10 prepend-1 prepend-top"> <h1 class="pulltext">Glyphography / fonts</h1> <div class="span-3"> <p><img class="left" src="glyphlogo93.png"></p> </div> <div class="span-7 prepend-top last"> <p class="pulltext">This is a collection of open source fonts that I have been working on recently. All are licensed under the SIL Open Font License (OFL), which means they are free to use (in print and electronically), redistribute, and even modify.</p> </div> </div> </div> <div class="span-24 last" style="background:#ffffff; min-height:400px; box-shadow:0px 20px 20px 10px rgba(0,0,0,0.25); -moz-box-shadow:0px 20px 20px 10px rgba(0,0,0,0.25); -webkit-box-shadow:0px 20px 20px 10px rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=20,MakeShadow=true,ShadowOpacity=0.25); background: #000\2"> <div class="span-9 prepend-1 prepend-top"><h2>News Cycle</h2> <h4>Stable release: <strong><a href="https://launchpad.net/newscycle/trunk/0.5.2/+download/newscycle-0.5.2.zip">v 0.5.2</a></strong> September 30, 2015</h4> <p>News Cycle is a realist sans-serif typeface based on specimens from ATF's 1908 News Gothic (created by ATF chief designer Morris Fuller Benton). The goal is to produce a practical, easy-to-read font suitable for journalistic use at multiple weights. News Cycle is currently available in regular weight, covering Unicode Latin-1, Latin Extended A and Latin Extended B.</p> <p class="mumbojumbo">Technical mumbo-jumbo: <ul class="mumbojumbo"> <li><a class="mumbojumbo" href="http://launchpad.net/newscycle/trunk">Get the source code</a></li> <li><a class="mumbojumbo" href="http://launchpad.net/newscycle/+milestones">Read the roadmap</a></li> <li><a class="mumbojumbo" href="http://bugs.launchpad.net/newscycle/+filebug">Report some bugz</a></li> </ul> </p> </div> <div class="span-12 prepend-1 prepend-top append-1 last"> <p><img class="right" src="newscycle-sample-02.png" width=470 height=254></p> </div> <!-- News Cycle beta section --> <div class="span-9 prepend-1 prepend-top clear"> <h4>Beta release: v 0.6 Novemberish, 2015</h4> <p>The development version of News Cycle currently incorporates two significant changes over the stable release. First, it adds Cyrillic and Greek character sets, which are intended to harmonize with the original Latin design.</p> <p>Second, it adds a true italic, rather than a simple slanted "oblique." ATF New Gothic, on which News Cycle is based, did not feature a true italic, so this design is my attempt to fashion something a tad more eye-pleasing than an oblique, but which does not look drastically out of place on the same page as News Cycle Regular. To avert undue pain and suffering, the beta version is currently only published as a UFO font. <p class="mumbojumbo">You've been warned: <ul class="mumbojumbo"> <li><a class="mumbojumbo" href="newscycle-regular-beta-0.6.ufo.zip">Get the Regular</a></li> <li><a class="mumbojumbo" href="newscycle-italic-beta-0.6.ufo.zip">Get the Italic</a></li> </ul> </p> </div> <div class="span-12 prepend-1 prepend-top append-1 last"> <p><img class="right" src="newscycle-sample-b01.png" width=470 height=157></p> <p><img class="right" src="newscycle-sample-b02.png" width=470 height=215></p> </div> <!-- End of News Cycle Stuff --> <div class="span-9 prepend-1 prepend-top clear"><h2>Della Respira</h2> <h4>Stable release: <strong><a href="https://launchpad.net/revivalism-fonts/trunk/della-respira/+download/dellarespira.zip">v 1.0</a></strong> March 28, 2012</h4> <p>Della Respira is a revival of ATF's Della Robbia, an art-deco era typeface designed by Thomas Maitland Cleland. The name "Della Robbia" is a reference to Florentine sculptors Andrea and Luca della Robbia (and perhaps other members of the family); Cleland's inspiration was Florentine inscriptions from the time that the Della Robbias lived.</p> <p>My revival, so far, only attempts to recreate the regular weight. There was also a light version. What I find more interesting, though, were the intricate capital ornaments. I have started to add those to Della Respira, but only time will tell if time permits me to complete that project. In the interim, the released version does feature some nice swash variants.</p> <p class="mumbojumbo">Technical mumbo-jumbo: <ul class="mumbojumbo"> <li><a class="mumbojumbo" href="https://launchpad.net/revivalism-fonts/trunk/della-respira">Get the source code</a></li> <li><a class="mumbojumbo" href="http://launchpad.net/revivalism-fonts/+milestones">Read the roadmap</a></li> <li><a class="mumbojumbo" href="http://bugs.launchpad.net/revivalism-fonts/+filebug">Report some bugz</a></li> </ul> </p> </div> <div class="span-12 prepend-1 prepend-top append-1 last"> <p><img class="right" src="dellarespira-sample-01.png" width=470 height=230></p> </div> <div class="span-9 prepend-1 prepend-top clear"><h2>Bodega Script</h2> <h4>Alpha release: v 0.1 June, 2012</h4> <p>Bodega Script is still in development. It is a revival of ATF's famous Brush Script. As with my other revival efforts, the end goal is to extend the character coverage and to provide a usable open-source implementation. You can download Bodega Script in OTF form, but it still has quite a few rough edges, paricularly since it is my first stab at a script face.</p> <p class="mumbojumbo">Abandon all hope, ye who click here: <ul class="mumbojumbo"> <li><a class="mumbojumbo" href="BodegaScript.otf">Bodega Script OTF</a></li> </ul> </p> </div> <div class="span-12 prepend-1 prepend-top append-1 last"> <p><img class="right" src="bodega-sample-01.png" width=470 height=277></p> </div> </div> <div class="span-24 last" style="background:#ffffff; min-height:300px; box-shadow:0px 0px 30px 20px #ffffff; -moz-box-shadow:0px 0px 30px 20px #ffffff; -webkit-box-shadow: 0px 0px 30px 20px #ffffff; box-shadow: 0px 0px 30px 20px #ffffff;"> <div class="span-6 pullbackground-red"> <!--[if IE]><div style="background-image:(url(pullbackground-red.png); background-repeat: repeat-x; background-position: top left;"><![endif]--> <div class="pullbox" style="background-image: url(pullimage-package.png); background-repeat: no-repeat; background-position: center bottom;"> <h3 class="pulltitle" style="color:#ff1111">Download!</h3> <p class="pulltext">Click <a class="pulltext" href="current.zip">here</a> for the complete readymade, installable bundle. Drop the TTF/OTF files in your MyFonts directory on Windows, ~/.fonts on Linux, or /Lib/Fonts on OS X. OS/2 users: I wish you luck....</p> </div> <!--[if IE]></div><![endif]--> </div> <div class="span-6 pullbackground-yellow"> <!--[if IE]><div style="background-image:(url(pullbackground-yellow.png); background-repeat: repeat-x; background-position: top left;"><![endif]--> <div class="pullbox" style="background-image: url(pullimage-news.png); background-repeat: no-repeat; background-position: center bottom;"> <h3 class="pulltitle" style="color:#f9f100">Subscribe!</h3> <p class="pulltext">Click to follow <a class="pulltext" href="http://www.freesoftwhere.org/category/fonts/feed">this news feed</a> to get updates whenever there's a thrilling new development. It originates from <a class="pulltext" href="http://www.freesoftwhere.org/">my work blog</a>, which otherwise does not interest you in the least.</p> </div> <!--[if IE]></div><![endif]--> </div> <div class="span-6 pullbackground-green"> <!--[if IE]><div style="background-image:(url(pullbackground-green.png); background-repeat: repeat-x; background-position: top left;"><![endif]--> <div class="pullbox" style="background-image: url(pullimage-cup.png); background-repeat: no-repeat; background-position: center bottom;"> <h3 class="pulltitle" style="color:#01ff21">Support!</h3> <p class="pulltext">Help further the development of this font by sending the project an old-fashioned <a href="http://flattr.com/thing/181839/Glyphography-Fonts" target="_blank"> <img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" style="vertical-align:middle"/></a> pittance. Just five measly bucks (US) draws a shiny new glyph, though every little bit helps.</p> </div> <!--[if IE]></div><![endif]--> </div> <div class="span-6 last pullbackground-purple"> <!--[if IE]><div style="background-image:(url(pullbackground-purple.png); background-repeat: repeat-x; background-position: top left;"><![endif]--> <div class="pullbox" style="background-image: url(pullimage-specs.png); background-repeat: no-repeat; background-position: center bottom;"> <h3 class="pulltitle" style="color:#e768ff">Consume!</h3> <p class="pulltext">You can also help support this project *and* make your friends envious by purchasing a rare & stylish <a class="pulltext" href="http://www.zazzle.com/glyphography+gifts">Glyphography t-shirt</a>. Who knew promoting open source could look so good?</p> </div> <!--[if IE]></div><![endif]--> </div> </div> </div> </body> </html>