{"id":2158,"date":"2013-02-11T03:10:53","date_gmt":"2013-02-11T10:10:53","guid":{"rendered":"http:\/\/fontstruct.com\/news\/?p=2158"},"modified":"2013-04-01T14:07:13","modified_gmt":"2013-04-01T21:07:13","slug":"what-makes-a-complete-font","status":"publish","type":"post","link":"https:\/\/fontstruct.com\/news\/2013\/02\/11\/what-makes-a-complete-font\/","title":{"rendered":"What makes a complete font?"},"content":{"rendered":"<p>When you open the FontStructor you are presented with that familiar row of character slots sorted alphabetically. If you\u2019re like many FontStruct users, you build your FontStruction by following these slots in order \u2014 starting with the caps, then plodding along, drawing one character after another, through the lowercase, numerals, and basic punctuation until you finally reach that lively little tilde (~) that seems to wave like a victory flag: \u201cYou\u2019re done!\u201d<\/p>\n<p>But are you done? Not if you want folks in Sweden to use your font. Or Denmark. Even Germany, France, or Spain will take a look at the fruit of your tireless labor and find it woefully incomplete. The countries of Eastern Europe are out of the question. Not to mention the rest of the world.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2191\" title=\"do-you-speak-my-language-2x\" src=\"http:\/\/fontstruct.com\/news\/uploads\/2013\/02\/do-you-speak-my-language-2x.png\" alt=\"\" width=\"480\" height=\"653\" \/><\/p>\n<p>Above: On the left is my <a href=\"http:\/\/fontstruct.com\/fontstructions\/show\/14740\">WPA Gothic<\/a>, a FontStruction I was pretty proud of \u2026 until I saw what an uneducated slob it is! The font has about 200 glyphs but it\u2019s still missing the characters necessary just to set a simple sentence in languages commonly used throughout the Western world. By contrast, the multilingual <a href=\"http:\/\/fontstruct.com\/fontstructions\/show\/675643\">Modular Blackout Bold Condensed<\/a> is capable of all these languages except the oft-neglected Vietnamese. <small>(Language labels set in <a href=\"http:\/\/fontstruct.com\/fontstructions\/show\/324072\">Renovare S2<\/a>. Missing character boxes set in <a href=\"http:\/\/fontstruct.com\/fontstructions\/show\/110214\">IconoMono<\/a>.)<\/small><\/p>\n<p>A 26-glyph, 52-glyph, or even 200-glyph FontStruction can be a useful exercise for prototyping and experimentation, but it is rarely considered a working font. So let\u2019s look at what else your font needs to advance beyond a fun little piece of art to a truly useful tool.<\/p>\n<h3 style=\"margin-top: 25px;\">Basic Latin<\/h3>\n<p>In the interest of simplicity this initial row in the editor is limited to only the bare minimum of letters and punctuation. Thus the title of the character group: \u201c<strong><em>Basic<\/em> Latin<\/strong>\u201d. And while 100 or so glyphs seem like a lot \u2014\u00a0especially when you\u2019re limping through the set of a particularly challenging design \u2014 this group of characters is really not enough to say more than a few things in English.<\/p>\n<p>What\u2019s missing? Accented characters (or diacriticals), of course. The bits that English-centric folk might consider superfluous appendages or &#8220;extra&#8221; characters are actually standard and necessary in other languages. In Spanish, the n and \u00f1 are individual and distinct letters of the alphabet, each with an identity and pronunciation of their own. In French, a mouthful of sabl\u00e9 (cookie) is more desirable than a mouthful of sable (sand). In German, you can get by without an \u00df (eszett) by typing &#8216;ss&#8217; but in most cases it\u2019s linguistically incorrect. And none of this even touches non-Latin languages like Russian (which uses the Cyrillic writing system) and Greek.<\/p>\n<p>So what makes a complete font? The answer isn\u2019t so simple. In fact, an absolutely complete font probably doesn\u2019t exist. Fonts that are bundled with operating systems have a massive arsenal of characters, covering most of the Western world, but even most of those don\u2019t speak languages like Arabic, Hindi, or Chinese.<\/p>\n<h3 style=\"margin-top: 25px;\">More Latin<\/h3>\n<p>But lets take a step back and assume you want your FontStruction to be usable in at least the most common languages that use the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Latin_script\">Latin script<\/a>. Head on over to the character set menu and move beyond <strong>Basic Latin<\/strong> to <strong>More Latin<\/strong>. This set covers much of the Western world, from North and South America to Western Europe. Even Turkish is supported. Not counting the extra punctuation, fractions, and currency symbols at the end of the row, it\u2019s 65 more glyphs to build. Feeling overwhelmed? Don\u2019t despair\u00a0\u2014 many of these characters are variations on letters you\u2019ve already made. With a few exceptions, you can get by with a copying, pasting, and adding a diacritical mark. The &#8220;<a href=\"http:\/\/fontstruct.com\/help\/expert_mode\/commands\">Copy to Latin Accents<\/a>&#8221; command in Expert Mode expedites this process. If legibility and cultural sensitivity is important to you \u2014\u00a0and it should be! \u2014\u00a0take some time to learn how these marks are designed and placed. <a href=\"http:\/\/www.microsoft.com\/typography\/developers\/fdsspec\/overview.aspx\">Microsoft\u2019s Character Design Standards<\/a> and the <a href=\"http:\/\/diacritics.typo.cz\/\">Diacritics Project<\/a> are very helpful guides. Once you complete these characters your work is on par with the entry-level of most commercially available fonts.<\/p>\n<h3 style=\"margin-top: 25px;\">Extended Latin A<\/h3>\n<p>If you want your font to get play in the countries of Central and Eastern Europe you\u2019ll need to graduate to <strong>Extended Latin A<\/strong>. This range covers languages like Croatian, Czech, Finnish, Hungarian, Latvian, Polish, Romanian, Serbian, and Slovak. Once you cap that last \u2018z\u2019 with a caron you will have completed a font with the same linguistic chops as the most premium commercial releases. Products with this extended language support are often stamped with a \u201cPro\u201d label (see Adobe and FontFont\u2019s definition) and are sought after by multinational corporations, publications, and any organization whose interests are global.<\/p>\n<h3 style=\"margin-top: 25px;\">Punctuation<\/h3>\n<p>So you\u2019ve got the letters necessary to speak all the languages you want to support. But you can\u2019t string together meaningful sentences without punctuation. While there are myriad esoteric symbols for specialized fields like music, math, and science, let\u2019s focus on the basic punctuation required for written texts in most Western languages. <strong>The obvious necessities are:<\/strong><\/p>\n<ul>\n<li>period <code>(.)<\/code> comma <code>(,)<\/code> semicolon <code>(;)<\/code> colon <code>(:)<\/code> and ellipsis <code>(\u2026)<\/code><\/li>\n<li>question mark <code>(?)<\/code>, and its inverted form, used in Spanish <code>(\u00bf)<\/code><\/li>\n<li>exclamation marks <code>(!\u00a1)<\/code><\/li>\n<li>straight quotes, single <code>(')<\/code> and double <code>(\")<\/code> \u2014 though they really have no proper typographic function, computers have made them the default quote mark<\/li>\n<li>proper \u201ccurly\u201d quotes, single <code>(\u2018\u2019)<\/code> and double <code>(\u201c\u201d)<\/code><\/li>\n<li>some languages, like French and Swiss German, quote with guillemets <code>(\u00ab\u00bb \u2039\u203a)<\/code><\/li>\n<li>\u2026which are not to be confused with the lesser- and greater-than symbols <code>(&lt; &gt;)<\/code><\/li>\n<li>dashes in their three most common lengths: hyphen <code>(-)<\/code>, en <code>(\u2013)<\/code>, and em <code>(\u2014)<\/code><\/li>\n<li>underscore <code>(_)<\/code><\/li>\n<li>currency symbols <code>($ \u00a2 \u20ac \u00a3)<\/code><\/li>\n<li>and other numerical punctuation, the percentage sign <code>(%)<\/code> degree <code>(\u00b0)<\/code> and number sign\/octothorp <code>(#)<\/code><\/li>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Ordinal_indicator\">ordinal indicators<\/a> are not commonly used in most languages, but <code>(\u00aa\u00ba)<\/code> are expected in Latin-based languages like Spanish, Italian, and Portuguese<\/li>\n<li>basic math symbols like plus <code>(+)<\/code> and equals <code>(=)<\/code> are necessary, while optional bits are the minus <code>(\u2212)<\/code> division sign <code>(\u00f7)<\/code> plus-minus <code>(\u00b1)<\/code> not equal to <code>(\u2260)<\/code> and multiplication sign <code>(\u2715)<\/code> \u2014 which is not the same as the letter \u2018x\u2019 as it should vertically align with numerals<\/li>\n<li>asterisk <code>(*)<\/code> bullet <code>(\u2022)<\/code> and middle dot <code>(\u00b7)<\/code> a smaller, less conspicuous bullet<\/li>\n<li>at sign <code>(@)<\/code><\/li>\n<li>ampersand <code>(&amp;)<\/code><\/li>\n<li>parentheses <code>(())<\/code> brackets <code>([])<\/code> slashes <code>(\\\/)<\/code> and pipe <code>(|)<\/code><\/li>\n<li>registered <code>(\u00ae)<\/code> copyright <code>(\u00a9)<\/code> and trademark <code>(\u2122)<\/code> signs<\/li>\n<\/ul>\n<p><strong>What punctuation could be considered optional?<\/strong><\/p>\n<ul>\n<li>curly brackets {} are not required for most uses, but they are indispensable for most programmers and can often come in handy when an alternative bracket is needed<\/li>\n<li>the section sign <code>(\u00a7)<\/code> pilcrow <code>(\u00b6)<\/code> and daggers <code>(\u2020\u2021)<\/code> are rarely used in modern typography, but can serve as decorative paragraph separators or footnote indicators<\/li>\n<li>single and double primes <code>(\u02b9\u02ba)<\/code> are used for units \u2014\u00a0like minutes and seconds, or feet and inches \u2014 and should have their own specific design, but most users end up employing the more accessible straight quotes<\/li>\n<li>currencies like the Japanese yen <code>(\u00a5)<\/code> and Indian rupee <code>(\u20a8 or \u20b9)<\/code> are less common in the West where the dollar, euro, and British pound reign, but they are important in their respective regions<\/li>\n<li>directional and decorative symbols like arrows <code>(\u2192)<\/code> manicules <code>(\u261e)<\/code> checkmarks <code>(\u2713)<\/code> and stars <code>(\u2605)<\/code> are not necessary for written text, but can certainly make a font more useful<\/li>\n<li>most users don\u2019t expect a full set of numerator and denominator figures for making arbitrary fractions but these thirds <code>(\u2153\u2154)<\/code> and fourths <code>(\u00bc\u00bd\u00be)<\/code> are often included<\/li>\n<\/ul>\n<h3 style=\"margin-top: 25px;\">Are we there yet?<\/h3>\n<p>So what is a complete font? If FontStructing is simply a relaxing hobby, then the answer to that question is entirely up to you, the designer. But if you intend your font to live a life outside of the FontStructor, it is ultimately up to the user. And their definition of \u201ccomplete\u201d is based on a combination of their particular needs and expectations derived from other professional fonts. No matter how inventive or appealing the design of your alphabet may be, if your font is missing what your user needs, they will likely move on to a more well-equipped option.<\/p>\n<p>We hope this introduction familiarizes you with the characters and symbols that are commonly neglected, so your hard work won\u2019t be.<\/p>\n<p><em><a href=\"http:\/\/stephencoles.org\/\" target=\"_blank\">Stephen<\/a> is a writer and typographer living in Oakland and Berlin. After six years at\u00a0<a href=\"http:\/\/typographica.org\/2010\/on-typography\/farewell-fontshop\/\" target=\"_blank\">FontShop<\/a>\u00a0San Francisco as a creative director, he now publishes\u00a0<a href=\"http:\/\/fontsinuse.com\/\" target=\"_blank\">Fonts In Use<\/a>,\u00a0<a href=\"http:\/\/typographica.org\/\" target=\"_blank\">Typographica<\/a>,\u00a0and<a href=\"http:\/\/midcenturymodernist.com\/\" target=\"_blank\">The\u00a0Mid-Century Modernist<\/a>,\u00a0and consults with various organizations on type selection.<\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p><a href=\"http:\/\/fontstruct.com\/news\/2013\/02\/11\/what-makes-a-complete-font\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/fontstruct.com\/news\/uploads\/2013\/02\/complete-font-teaser1.gif\" alt=\"What makes a complete font?\" title=\"What makes a complete font?\" width=\"230\" height=\"159\" style=\"margin-bottom: 4px\"\/><\/a><br \/>Tips from Stephen Coles on building more complete and useful FontStructions.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2158","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/2158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/comments?post=2158"}],"version-history":[{"count":57,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/2158\/revisions"}],"predecessor-version":[{"id":2212,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/2158\/revisions\/2212"}],"wp:attachment":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/media?parent=2158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/categories?post=2158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/tags?post=2158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}