{"id":422,"date":"2012-02-07T20:05:56","date_gmt":"2012-02-07T20:05:56","guid":{"rendered":"http:\/\/www.thisbloglife.com\/?p=422"},"modified":"2026-01-08T20:33:28","modified_gmt":"2026-01-08T20:33:28","slug":"comic-book-and-showcard-fonts","status":"publish","type":"post","link":"https:\/\/thatkeith.com\/articles\/comic-book-and-showcard-fonts\/","title":{"rendered":"Comic book and showcard fonts"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">One of the first projects I used to give my Magazine Publishing students involved creating an eight-page graphic novel, done in teams of two.<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/from-Kaufmann-Mercantile-show-card-writing-1942.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"300\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/from-Kaufmann-Mercantile-show-card-writing-1942-298x300.jpg\" alt=\"\" class=\"wp-image-782\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/from-Kaufmann-Mercantile-show-card-writing-1942-298x300.jpg 298w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/from-Kaufmann-Mercantile-show-card-writing-1942-150x150.jpg 150w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/from-Kaufmann-Mercantile-show-card-writing-1942.jpg 600w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>They could use any story they like, anything from a re-imagining of the Jonathan Livingston Seagull story to their bus journey to college.<\/p>\n\n\n\n<p>The main focus of the assignment was production and project management, but it involved a load of different creative and practical decisions too. One of which was, if type was to be used, how it needed to be handled.<\/p>\n\n\n\n<p>Going for fonts that are comic-friendly isn\u2019t a requirement, but if a classic comic or graphic novel feel is wanted then that&#8217;s a good idea. A number of candidates come as standard with Mac OS X, and there are a few additions with iLife and iWork too. But are they actually any use?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"422\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Mac-OS-X-casual-fonts.gif\" alt=\"\" class=\"wp-image-783\"\/><\/figure>\n<\/div>\n\n\n<p>Starting from the top and ignoring anything that\u2019s not hand-drawn or casual enough, we get <strong>Bradley Hand<\/strong>, installed with iWork and iDVD. This is based on the handwriting of its designer, typographer Richard Bradley, who created a number of other handwriting-based designs. It\u2019s useful, but it is a little rough-edged, as if drawn on rough, scratchy paper. More importantly, the character widths of the capitals are really too wide for the task.<\/p>\n\n\n\n<p><strong>Brush Script<\/strong> is too, well, \u2018scripty\u2019; it doesn\u2019t have the hand-lettered personality feel that\u2019s needed. <strong>Chalkboard<\/strong> is an Apple-supplied design that\u2019s disturbingly close to the widely-vilified Comic Sans. Put side-by-side there are differences, but you\u2019d be forgiven for struggling to name them correctly otherwise. Given the looks you\u2019d get you should steer clear of this for almost everything, let alone a graphic novel. (Another reason for avoiding both of these is the capital \u2018I\u2019, which has a crossbar. That\u2019s a no-no in comics other than when used on its own.)<\/p>\n\n\n\n<p>The slightly ragged <strong>Chalkduster<\/strong> arrived with Mac OS X 10.6. It is too rough for general dialog and body text, although it could do well for certain emotion-laden headlines. And then we come to the b\u00eate noire of the typeface world: <strong>Comic Sans<\/strong> itself. (No, not La B\u00eate Noire, which is a 2002 Croatian\/Serbian comics publication, or the 2005 B\u00eate Noire comics anthology.)<\/p>\n\n\n\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-689b0661 wp-block-group-is-layout-constrained\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4232890097475869\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Display-full-width-responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-4232890097475869\"\n     data-ad-slot=\"5061467982\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div><\/div>\n\n\n\n<p>Comic Sans was created by Vincent Connare in 1994. He never meant it to be used outside of a product called Microsoft Bob, a fairly disastrous attempt to make Windows 3.1 more friendly to novices. Instead, it made it into the help sections of 3D Movie Maker, found its way into font packs, then Windows 95&#8230; it eventually cropped up everywhere like mushrooms. It has been massively overused and misused, and the backlash (see <a href=\"http:\/\/bancomicsans.com\" target=\"_blank\" rel=\"noopener\">bancomicsans.com<\/a>) has been loud for almost as long as the font has been around.<\/p>\n\n\n\n<p>Some say there\u2019s been a backlash against the backlash, but the recent <a title=\"Comic Sans Project\" href=\"http:\/\/comicsansproject.tumblr.com\" target=\"_blank\" rel=\"noopener\">comicsansproject.tumblr.com<\/a> (redesigning major logos using Comic Sans) and <a href=\"https:\/\/vimeo.com\/31120543\">vimeo.com\/17450666<\/a> (where Comic Sans itself has a foul-mouthed rant \u2013 very slightly NSFW) are built on massive doses of irony. Whatever you think of the font, it brings so much baggage now that you should steer completely clear of it at all costs.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Comic-Sans-logos.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"277\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Comic-Sans-logos.gif\" alt=\"\" class=\"wp-image-784\"\/><\/a><\/figure>\n<\/div>\n\n\n<p>Anyway, back to the list of standard script-like fonts&#8230;<strong> Marker Felt<\/strong> is useful and it sets quite efficiently, but its weight makes it a bit much for regular dialog. <strong>Noteworthy<\/strong> arrived with Mac OS X Lion, and it\u2019s actually pretty good for this \u2013 better than the blueprint-derived <strong>Tekton<\/strong>, the only other possible candidate that comes as standard. But when it comes to graphic novel typesetting, none of these actually feels like the real thing.<\/p>\n\n\n\n<p>So, basically, if you want convincing graphic novel or comic fonts you really should look further afield. Two of my favourite places to browse for possibles are <a href=\"http:\/\/Blambot.com\" target=\"_blank\" rel=\"noopener\">Blambot.com<\/a> and <a href=\"http:\/\/ComicBookFonts.com\" target=\"_blank\" rel=\"noopener\">ComicBookFonts.com<\/a>. The Blambot site has a wonderful breakdown of the traditions and grammar of comic book lettering and balloons; this is definitely worth a close look whether the project is meant to be something that follows tradition or not.<\/p>\n\n\n\n<p>Curiously, lowercase is normally only used in comic lettering for grunts and non-word sounds a character makes, or perhaps for whispering. The integration of meaning in the visual aspects of the type \u2013 telling the story with the type as well as the words themselves \u2013 is an important part of how graphic novels work. There are different type needs in different parts of graphic novel layouts. For example, custom dialog typefaces give words the visual spark that can back up what\u2019s being said \u2013 or shouted, growled, spat, whispered, murmured, and so on.<\/p>\n\n\n\n<p>The fonts section of the Blambot site groups designs into dialogue, sound effect, \u2018design\u2019 fonts (headline display styles), and symbol fonts for non-verbal needs. ComicBookFonts does this as well, splitting things up into balloon lettering, custom voices, sound effects, display lettering, and a selection of dingbat and clipart fonts. Get ready to use your credit card if you like these; while some of Blambot\u2019s fonts are free, none of the ComicBookFonts selection appear to be. That\u2019s actually pretty standard for this field, as purpose-made comic fonts have a pretty small market. Again, if you really like some of these, be ready to pay.<\/p>\n\n\n\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-689b0661 wp-block-group-is-layout-constrained\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4232890097475869\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Display-full-width-responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-4232890097475869\"\n     data-ad-slot=\"5061467982\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div><\/div>\n\n\n\n<p>More general casual lettering projects and large display headlines normally need font designs that are a little less explicitly hand-drawn than these. Rather than sticking to comic book collections, look at showcard fonts instead. These are derived from the kind of hand-drawn signage that tells you about the latest prices or deals. Many of these evoke a strong early 20th-century Americana feel. The Show Card Writing page at <a href=\"http:\/\/kaufmann-mercantile.com\/show-card-writing\/\" target=\"_blank\" rel=\"noopener\">Kaufmann Mercantile\u2019s blog<\/a>&nbsp;has a lot of information, including the fact that Woodie Guthrie started out doing sign writing rather than playing music to earn his room and board.<\/p>\n\n\n\n<p>You can get started with some of the designs at <a href=\"http:\/\/fontspace.com\/category\/showcard\/\" target=\"_blank\" rel=\"noopener\">fontspace.com\/category\/showcard\/<\/a>. I particularly like 1998A (http:\/\/www.fontspace.com\/listemageren\/1998a), although I don\u2019t know where I\u2019d use it. It\u2019s also worth getting Jim Parkinson\u2019s Showcard Gothic, from <a href=\"http:\/\/ufonts.com\/fonts\/showcard-gothic.html\" target=\"_blank\" rel=\"noopener\">ufonts.com\/fonts\/showcard-gothic.html<\/a> and elsewhere.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"180\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A.png\" alt=\"\" class=\"wp-image-788\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A.png 1480w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A-300x36.png 300w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A-768x93.png 768w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A-1024x125.png 1024w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/1998A-600x73.png 600w\" sizes=\"auto, (max-width: 1480px) 100vw, 1480px\" \/><\/a><figcaption class=\"wp-element-caption\">1998A<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1468\" height=\"164\" src=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic.png\" alt=\"\" class=\"wp-image-787\" srcset=\"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic.png 1468w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic-300x34.png 300w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic-768x86.png 768w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic-1024x114.png 1024w, https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/Showcard-Gothic-600x67.png 600w\" sizes=\"auto, (max-width: 1468px) 100vw, 1468px\" \/><\/a><figcaption class=\"wp-element-caption\">Showcard Gothic<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Mind you, showcard fonts are meant to be hand-drawn and just a word or so at a time, with the odd cheeky swash thrown in here and there. Use ready-made typefaces if you like, but have a go at painting your own, too. Get some very large sheets of paper or a roll of wall lining paper, some fat brushes with soft bristles, and mix up some black poster paint. Sketch the sign in pencil or thin pen first, then go for it. And then try again. And again. You\u2019ll only get better with practise, so don\u2019t give up.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/F4165Pp8uns?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p>Don\u2019t forget to proof your pencil sketch first. It is teeth-grindingly easy to get so caught up in the process that you forget a character or misspell something. This is easy enough to do on-screen (anyone remember MacUser\u2019s famous \u2018Photshoop\u2019 cover line?), and it is ten times easier to do when building each character by hand.<\/p>\n\n\n\n<p>You can scan or photograph your finished showcard lettering and use Illustrator\u2019s Live Trace feature to turn the bitmap image into a scalable vector graphic. It would take a lot more work than that to turn that into a real typeface, but it is quick to produce a headline graphic ready for print. That\u2019s a technique I\u2019ve shown to my students, so I expect to see it turn up in a number of final graphic novel projects. Assuming I explained it well enough, of course.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the first projects I used to give my Magazine Publishing students involved creating an eight-page graphic novel, done in teams of two. They could use any story they like, anything from a re-imagining of the Jonathan Livingston Seagull story to their bus journey to college. The main focus of the assignment was production&#8230;<\/p>\n","protected":false},"author":2,"featured_media":782,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[19,36],"tags":[],"class_list":["post-422","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-typography"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/thatkeith.com\/articles\/wp-content\/uploads\/2012\/02\/from-Kaufmann-Mercantile-show-card-writing-1942.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8ooc8-6O","_links":{"self":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/comments?post=422"}],"version-history":[{"count":4,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts\/422\/revisions"}],"predecessor-version":[{"id":1941,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/posts\/422\/revisions\/1941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/media\/782"}],"wp:attachment":[{"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/media?parent=422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/categories?post=422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thatkeith.com\/articles\/wp-json\/wp\/v2\/tags?post=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}