{"id":31435,"date":"2024-05-29T16:17:18","date_gmt":"2024-05-29T13:17:18","guid":{"rendered":"https:\/\/typetype.org\/fr\/?p=31435"},"modified":"2026-05-15T10:16:53","modified_gmt":"2026-05-15T07:16:53","slug":"universitty-lesson-8-designing-basic-latin-characters-uppercase-characters","status":"publish","type":"post","link":"https:\/\/typetype.org\/fr\/blog\/universitty-lesson-8-designing-basic-latin-characters-uppercase-characters\/","title":{"rendered":"UniversiTTy: Lesson 8. Designing Basic Latin Characters. Uppercase characters"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_1_eng.gif\" alt=\"\" class=\"wp-image-31436\" \/><\/figure>\n\n\n\n<p>Welcome to&nbsp;lesson number 8&nbsp;of&nbsp;our \u00abUniversiTTy\u00bb series! We&nbsp;suggest reviewing the earlier articles in&nbsp;the series before diving into this one. <\/p>\n\n\n\n<p>Last time, we&nbsp;covered optical compensation, uppercase and lowercase character heights, and the concept of&nbsp;contrast. Determining all sizes and weights&nbsp;is, without a&nbsp;doubt, a&nbsp;crucial stage of&nbsp;font design but still a&nbsp;preparatory one. In&nbsp;this article, we&nbsp;will finally focus on&nbsp;glyph design specifically. <\/p>\n\n\n\n<p>Antonina Zhulkova, Design Lead at&nbsp;TypeType, will tell you all about this. Antonina has been working in&nbsp;font design for more than 5&nbsp;years now. She\u2019s the concept author and lead designer of&nbsp;projects like TT&nbsp;Neoris, TT&nbsp;Ricordi Allegria, TT&nbsp;Globs, and Ivi Sans Display. Also, she took part in&nbsp;the creation of&nbsp;TT&nbsp;Fellows, TT&nbsp;Fors, TT&nbsp;Interphases Pro, TT&nbsp;Commons, and many other typefaces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Designing uppercase characters<\/h2>\n\n\n\n<p>To&nbsp;begin with, let\u2019s revisit our primary letters <strong>\u00ab\u041d,\u00bb \u00ab\u041e,\u00bb \u00ab\u0410\u00bb<\/strong> to&nbsp;analyze their proportions and see how they affect other characters. You will understand why we&nbsp;concentrated on&nbsp;these letters in&nbsp;our previous \u00ablesson.\u00bb<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"668\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_2.gif\" alt=\"\" class=\"wp-image-31437\" \/><\/figure>\n\n\n\n<p>Glyph proportions are one of&nbsp;the key font characteristics. They influence the overall glyph design, visual quality, and readability parameters. This is&nbsp;related to&nbsp;the conventional letter designs used globally, and our perception of&nbsp;glyphs depends greatly on&nbsp;this \u00abtraditional\u00bb image of&nbsp;them. For example, there are studies on&nbsp;the readability parameters of&nbsp;black letter. It&nbsp;shows that people exposed to&nbsp;this font as&nbsp;part of&nbsp;their culture don\u2019t experience any problems in&nbsp;reading texts typed in&nbsp;it. On&nbsp;the contrary, people from other cultural and linguistic contexts find it&nbsp;much more difficult to&nbsp;read such a&nbsp;font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2133\" height=\"979\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3.png\" alt=\"\" class=\"wp-image-31438\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3.png 2133w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-1024x470.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-768x352.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-1200x551.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-1536x705.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-2048x940.png 2048w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-420x193.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-600x275.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_3-80x37.png 80w\" sizes=\"(max-width: 2133px) 100vw, 2133px\" \/><\/figure>\n\n\n\n<p>Nonetheless, don\u2019t be\u00a0afraid to\u00a0deviate from the usual visual proportions. Modifying this font parameter can serve as\u00a0an\u00a0unusual graphic trick to\u00a0attract attention. The main thing is\u00a0to\u00a0do\u00a0it\u00a0thoughtfully. That\u2019s why\u00a0I will start my\u00a0explanation of\u00a0proportions with classic principles and focus primarily on\u00a0Antiqua as\u00a0the most ancient type category. Sans serif, a\u00a0more modern type historically, is\u00a0largely based on\u00a0Antiqua proportions yet introduces some transformations that we\u00a0will also discuss.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Main logic of glyph design and proportions<\/h2>\n\n\n\n<p>Font design relies heavily on&nbsp;calligraphy and various handwriting styles, which is&nbsp;why echoes of&nbsp;this art run through the conversations about fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"623\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4.png\" alt=\"\" class=\"wp-image-31439\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-1024x319.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-768x239.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-1200x374.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-1536x478.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-420x131.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-600x187.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_4-80x25.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Standard Antiqua proportions originate from classic calligraphy. The entire European calligraphy is&nbsp;fundamentally built on&nbsp;Roman square capitals. Our article is&nbsp;not aimed at&nbsp;diving into the history of&nbsp;calligraphy and its principles. However, this information is&nbsp;essential to&nbsp;understanding the origins and development of&nbsp;letterforms. You can learn more about Roman square capitals and the history of&nbsp;calligraphy in&nbsp;the following books:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Roman lettering (L.C.Evetts);<\/li>\n\n\n\n<li>The Art of&nbsp;Calligraphy (David Harris); <\/li>\n\n\n\n<li>The Calligrapher\u2019s Bible (David Harris).<\/li>\n<\/ul>\n\n\n\n<p>I&nbsp;will only cover the main aspects of&nbsp;proportions that emerged thanks to&nbsp;Roman square capitals and influence the font\u2019s character. So, this is&nbsp;the moment to&nbsp;go&nbsp;back to&nbsp;our primary characters: <strong>\u00abH,\u00bb \u00abO,\u00bb and \u00abA.\u00bb<\/strong> <\/p>\n\n\n\n<p>Why do&nbsp;I always refer to&nbsp;them? A&nbsp;font can be&nbsp;portrayed as&nbsp;a&nbsp;tree or&nbsp;an&nbsp;umbrella where letters are linked by&nbsp;character groups. When working on&nbsp;any font glyphs, you should always divide them into groups and constantly analyze how these groups are connected. This information can be&nbsp;visualized in&nbsp;the following way: there are \u00abparents\u00bb for each group (upright, rounded, and triangular glyphs), and all other letters are associated with them directly or&nbsp;are found at&nbsp;the boundary between groups.<\/p>\n\n\n\n<p>Besides, at&nbsp;the drawing stage, we&nbsp;build upon both the general classification and various graphic elements of&nbsp;the specific font, such as&nbsp;aperture, similar construction features (ovals, waistline, terminals, etc.), proportions, or&nbsp;different graphic rhymes between letters. If&nbsp;you understand the logic of&nbsp;character division into groups (later&nbsp;on, we&nbsp;will provide various examples of&nbsp;such groups), you will be&nbsp;able to&nbsp;create your own groups according to&nbsp;the objectives of&nbsp;a&nbsp;particular font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"2200\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5.png\" alt=\"\" class=\"wp-image-31440\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-931x1024.png 931w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-768x845.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-1091x1200.png 1091w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-1396x1536.png 1396w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-1862x2048.png 1862w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-382x420.png 382w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-600x660.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_5-73x80.png 73w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>This is&nbsp;a&nbsp;general way to&nbsp;subdivide characters. Later, we&nbsp;will explore each group and highlight the reasons for such subdivision. However, this lesson began with Roman square capitals. What does it&nbsp;have to&nbsp;do&nbsp;with character groups? <\/p>\n\n\n\n<p>The discussion about proportions and character groups is&nbsp;closely connected with this calligraphic tradition, and we&nbsp;should consider both these parameters while designing glyphs. I&nbsp;will specifically focus on&nbsp;the proportions of&nbsp;Roman square capitals because of&nbsp;its strong influence on&nbsp;font design and exemplary \u00abclassic\u00bb proportions. <\/p>\n\n\n\n<p>However, many fonts also deviate from the logic of&nbsp;Roman square capitals. This may concern similarities and differences of&nbsp;all characters\u2019 widths. Also, groups of&nbsp;the same width can become wider or&nbsp;narrower in&nbsp;relation to&nbsp;the classic example. <\/p>\n\n\n\n<p>We&nbsp;could conceptually separate all uppercase letters of&nbsp;the Latin alphabet classic proportions into four categories, from the widest to&nbsp;the narrowest. These categories are similar to&nbsp;the groups we&nbsp;got by&nbsp;dividing characters by&nbsp;shapes.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The first group with the widest letters includes rounded characters (<strong>\u00abO,\u00bb \u00abC,\u00bb \u00abG,\u00bb \u00abQ,\u00bb \u00abD\u00bb<\/strong>) that can be&nbsp;fit into a&nbsp;square. In&nbsp;this context, the square serves as&nbsp;a&nbsp;symbolic \u00abunit\u00bb of&nbsp;width.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"500\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6.png\" alt=\"\" class=\"wp-image-31441\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-1024x256.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-768x192.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-1200x300.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-1536x384.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-420x105.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-600x150.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_6-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>2. Another group consists of&nbsp;characters with a&nbsp;width slightly over a&nbsp;quarter of&nbsp;the square\u2019s size. These are the letters <strong>\u00abA,\u00bb \u00abV,\u00bb \u00abW,\u00bb \u00abM.\u00bb<\/strong> Obviously, the widths of&nbsp;<strong>\u00abM\u00bb<\/strong> and <strong>\u00abW\u00bb<\/strong> are not equal to&nbsp;the widths of&nbsp;<strong>\u00abA\u00bb<\/strong> and <strong>\u00abV\u00bb<\/strong>, but in&nbsp;terms of&nbsp;both meaning and form, they can be&nbsp;merged into one category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"500\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7.png\" alt=\"\" class=\"wp-image-31442\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-1024x256.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-768x192.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-1200x300.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-1536x384.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-420x105.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-600x150.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_7-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>3. The widths of&nbsp;the characters of&nbsp;the third group occupy three-quarters of&nbsp;the square. The third group includes the letters <strong>\u00abH,\u00bb \u00abN,\u00bb \u00abU,\u00bb \u00abT,\u00bb \u00abX,\u00bb \u00abY,\u00bb \u00abZ.\u00bb<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"500\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8.png\" alt=\"\" class=\"wp-image-31445\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-1024x256.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-768x192.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-1200x300.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-1536x384.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-420x105.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-600x150.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_8-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>4. The last group comprises the narrowest characters, with widths taking up&nbsp;about half of&nbsp;the square. It&nbsp;includes the letters <strong>\u00abB,\u00bb \u00abP,\u00bb \u00abE,\u00bb \u00abF,\u00bb \u00abR,\u00bb \u00abS,\u00bb \u00abL,\u00bb \u00abK.\u00bb<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"500\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9.png\" alt=\"\" class=\"wp-image-31446\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-1024x256.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-768x192.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-1200x300.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-1536x384.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-420x105.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-600x150.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_9-80x20.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>This width-based division laid the foundation for letter design, and modern fonts largely adhere to&nbsp;the principles that emerged in&nbsp;the 1st to&nbsp;5th centuries. However, I&nbsp;will repeat that belonging to&nbsp;one group doesn\u2019t mean the characters will have the same width. It&nbsp;demonstrated similar proportions and letter placement in&nbsp;the \u00abwidth axis,\u00bb from the widest to&nbsp;the narrowest. <\/p>\n\n\n\n<p>What else should be&nbsp;considered when working with fonts? One of&nbsp;the key categories in&nbsp;font design is&nbsp;the amount of&nbsp;negative space in&nbsp;glyphs. We&nbsp;will not dive deeper into working with outer white space, but the internal white space is&nbsp;crucial for&nbsp;us at&nbsp;the drawing stage. Our vision accounts for the amount of&nbsp;both black and white in&nbsp;characters\u2014this should be&nbsp;kept in&nbsp;mind when drawing all letterforms and symbols. Since European writing conventions dictate writing from left to&nbsp;right and top to&nbsp;bottom, our eyes are accustomed to&nbsp;reading letters diagonally from the upper left corner to&nbsp;the lower right. The amount of&nbsp;horizontal segmentation within a&nbsp;form also matters. Characters that are open at&nbsp;the top and lack intersections will appear wider, thus, to&nbsp;create visually uniform-width letters, this aspect needs compensation. For example, let\u2019s compare the letters<strong> \u00abA\u00bb<\/strong> and <strong>\u00abV\u00bb<\/strong>: <strong>\u00abV\u00bb<\/strong> is&nbsp;almost always made narrower to&nbsp;match proportions similar to&nbsp;<strong>\u00abA,\u00bb<\/strong> which has less white space inside.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"650\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10.png\" alt=\"\" class=\"wp-image-31447\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-1024x333.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-768x250.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-1200x390.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-1536x499.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-420x137.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-600x195.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_10-80x26.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>It&nbsp;is&nbsp;possible to&nbsp;draw basic Latin characters intuitively, without knowing the fundamentals. However, knowledge of&nbsp;theory will improve the results significantly. Understanding the relationships between character proportions helps convey the graphic concept more accurately. Given that we&nbsp;identified the main idea after the sketching stage and determined the characteristics of&nbsp;the base glyphs (<strong>\u00abH,\u00bb \u00abO,\u00bb \u00abA\u00bb<\/strong>), I&nbsp;suggest moving on&nbsp;to&nbsp;designing other uppercase letters, dividing them into groups and keeping proportions in&nbsp;mind.<\/p>\n\n\n\n<p>How else can we&nbsp;subdivide characters? Our basic groups can be&nbsp;subdivided into smaller ones to&nbsp;approach the work more comprehensively.<br>Here is&nbsp;an&nbsp;example of&nbsp;division into groups we&nbsp;use in&nbsp;TypeType when designing characters (we&nbsp;add our \u00abbasic\u00bb characters to&nbsp;this and the following sets to&nbsp;compare new glyphs with finished letters and maintain the overall concept and consistency of&nbsp;the font. They may not belong to&nbsp;groups):<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u00abH,\u00bb \u00abA,\u00bb<\/strong> \u00ab<strong>O<\/strong>\u00bb&nbsp;\u2014 working with base characters, their proportions, forms, and the relation between the mail letter types;<\/li>\n\n\n\n<li>\u00ab<strong>A,<\/strong>\u00bb \u00ab<strong>V,<\/strong>\u00bb \u00ab<strong>W,<\/strong>\u00bb \u00ab<strong>Y,<\/strong>\u00bb \u00ab<strong>X,<\/strong>\u00bb \u00ab<strong>Z,<\/strong>\u00bb \u00ab<strong>H<\/strong>\u00bb&nbsp;\u2014 working with triangular characters, their proportions, ratios, and weights of&nbsp;diagonals;<\/li>\n\n\n\n<li>\u00ab<strong>H,<\/strong>\u00bb \u00ab<strong>M,<\/strong>\u00bb \u00ab<strong>N,<\/strong>\u00bb \u00ab<strong>V<\/strong>\u00bb: working with upright characters and diagonals: they should be&nbsp;designed with reference to&nbsp;the upright character forms (\u00ab<strong>H<\/strong>\u00bb) as&nbsp;well as&nbsp;diagonal forms (\u00ab<strong>V<\/strong>\u00bb);<\/li>\n\n\n\n<li>\u00ab<strong>O,<\/strong>\u00bb \u00ab<strong>C,<\/strong>\u00bb \u00ab<strong>G,<\/strong>\u00bb \u00ab<strong>Q<\/strong>\u00bb&nbsp;\u2014 working with rounded characters and how they relate to&nbsp;one another;<\/li>\n\n\n\n<li>\u00ab<strong>H,<\/strong>\u00bb \u00ab<strong>D,<\/strong>\u00bb \u00ab<strong>O<\/strong>\u00bb&nbsp;\u2014 working with the letter \u00ab<strong>D<\/strong>\u00bb that is&nbsp;upright and rounded at&nbsp;the same time;<\/li>\n\n\n\n<li>\u00ab<strong>H,<\/strong>\u00bb \u00ab<strong>B,<\/strong>\u00bb \u00ab<strong>R,<\/strong>\u00bb \u00ab<strong>P,<\/strong>\u00bb \u00ab<strong>S,<\/strong>\u00bb \u00ab<strong>O,<\/strong>\u00bb&nbsp;\u2014 working with characters containing bowls and having more complex forms. In&nbsp;this sequence, the system of&nbsp;widths is&nbsp;arranged from larger to&nbsp;smaller among the letters \u00ab<strong>B,<\/strong>\u00bb \u00ab<strong>R,<\/strong>\u00bb \u00ab<strong>P,<\/strong>\u00bb \u00ab<strong>S.<\/strong>\u00bb The bowl forms should match the character of&nbsp;rounding in&nbsp;\u00ab<strong>O<\/strong>\u00bb;<\/li>\n\n\n\n<li><strong>\u00abH,\u00bb \u00abB,\u00bb \u00abE,\u00bb \u00abF,\u00bb \u00abL,\u00bb \u00abT,\u00bb<\/strong> \u00ab<strong>V<\/strong>\u00bb&nbsp;\u2014 working with upright characters featuring horizontals and similar letters. \u00ab<strong>H<\/strong>\u00bb and \u00ab<strong>B<\/strong>\u00bb here serve as&nbsp;reference points for double-story characters \u00ab<strong>E<\/strong>\u00bb and \u00ab<strong>F,<\/strong>\u00bb which are reference points for the letter \u00ab<strong>L.<\/strong>\u00bb Although the letter \u00ab<strong>T<\/strong>\u00bb has only vertical and horizontal strokes, the amount of&nbsp;negative space in&nbsp;it&nbsp;is&nbsp;closer to&nbsp;triangular characters, so&nbsp;it&nbsp;can be&nbsp;compared with \u00ab<strong>V,<\/strong>\u00bb too.<\/li>\n\n\n\n<li>\u00ab<strong>H,<\/strong>\u00bb \u00ab<strong>R,<\/strong>\u00bb \u00ab<strong>K,<\/strong>\u00bb \u00ab<strong>X<\/strong>\u00bb&nbsp;\u2014 working with glyph elements: legs of&nbsp;\u00ab<strong>R,<\/strong>\u00bb, \u00ab<strong>K,<\/strong>\u00bb and \u00ab<strong>X<\/strong>&nbsp;should match in&nbsp;form and character;<\/li>\n\n\n\n<li>\u00ab<strong>H,<\/strong>\u00bb \u00ab<strong>U,<\/strong>\u00bb \u00ab<strong>J,<\/strong>\u00bb \u00ab<strong>I,<\/strong>\u00bb \u00ab<strong>O<\/strong>\u00bb&nbsp;\u2014 working with the letter \u00ab<strong>U<\/strong>\u00bb and \u00ab<strong>J<\/strong>\u00bb that is&nbsp;similar to&nbsp;the right side of&nbsp;<strong>\u00abU\u00bb<\/strong>;<\/li>\n\n\n\n<li>\u00ab<strong>C,\u00bb \u00abG,\u00bb <\/strong>\u00ab<strong>S,<\/strong>\u00bb \u00ab<strong>J<\/strong>\u00bb&nbsp;\u2014 working with terminals and their relations. <\/li>\n<\/ol>\n\n\n\n<p>All characters need to&nbsp;be&nbsp;tested in&nbsp;the set HH*glyph*HHOO*glyph*OO and similar combinations, as&nbsp;well as&nbsp;in&nbsp;typesetting (we&nbsp;will tell you more about testing glyph designs in&nbsp;the next section). During the drawing process, you should advance step by&nbsp;step from general features to&nbsp;more specific ones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"550\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11.png\" alt=\"\" class=\"wp-image-31448\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-1024x282.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-768x211.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-1200x330.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-1536x422.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-420x116.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-600x165.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_11-80x22.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>The above-listed character groups are just the tip of&nbsp;the iceberg, as&nbsp;there are numerous aspects of&nbsp;designing each glyph. We&nbsp;solely focus on&nbsp;the general approach to&nbsp;drawing. You can research other sources for more detailed information on&nbsp;the subject, for instance, the book \u00abDesigning Type.\u00bb<\/p>\n\n\n\n<p>Now, let\u2019s take a&nbsp;look at&nbsp;how proportions and character groups look in&nbsp;finished fonts. We&nbsp;will begin with a&nbsp;serif with dynamic proportions (the Palatino font) and then move on&nbsp;to&nbsp;our font examples: the text serif and interface sans serif.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1115\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12.png\" alt=\"\" class=\"wp-image-31449\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-1024x571.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-768x428.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-1200x669.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-1536x856.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-420x234.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-600x335.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_12-80x45.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"2370\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng.png\" alt=\"\" class=\"wp-image-31450\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-864x1024.png 864w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-768x910.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-1013x1200.png 1013w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-1296x1536.png 1296w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-1728x2048.png 1728w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-354x420.png 354w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-600x711.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_13_eng-68x80.png 68w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1300\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng.png\" alt=\"\" class=\"wp-image-31451\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-1024x666.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-768x499.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-1200x780.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-1536x998.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-420x273.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-600x390.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_14_eng-80x52.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"820\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15.png\" alt=\"\" class=\"wp-image-31452\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-1024x420.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-768x315.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-1200x492.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-1536x630.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-420x172.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-600x246.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_15-80x33.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Proportions in&nbsp;serifs and sans serifs<\/h2>\n\n\n\n<p>Font design is&nbsp;constantly evolving, as&nbsp;are proportions. Historical and modern fonts feature various widths in&nbsp;proportions that drifted far from their Roman ancestors. There are two main characteristics of&nbsp;proportions: dynamic and static, and glyph proportions in&nbsp;the font can lie between these two poles. <\/p>\n\n\n\n<p>Based on&nbsp;a&nbsp;very condensed classification of&nbsp;fonts, serifs and <a href=\"https:\/\/typetype.org\/fr\/fonts\/sans-serif\/\">sans serifs<\/a> can possess both features, and in&nbsp;<a href=\"https:\/\/typetype.org\/fr\/fonts\/display\/\">display<\/a> fonts, proportions may vary even more.<\/p>\n\n\n\n<p>Proportions in&nbsp;serifs have been gradually transforming, moving away from the dynamic principle, so&nbsp;letters became closer and closer in&nbsp;proportions. The classification section delves deeper into this. Here, I\u2019m only touching on&nbsp;the surface-level parameters. This is&nbsp;best shown in&nbsp;illustrations. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2000\" height=\"2250\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2.png\" alt=\"\" class=\"wp-image-31456\" style=\"width:1401px;height:auto\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-910x1024.png 910w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-768x864.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-1067x1200.png 1067w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-1365x1536.png 1365w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-1820x2048.png 1820w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-373x420.png 373w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-600x675.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_16_eng-2-71x80.png 71w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Sans serifs also feature both static and dynamic fonts. The differences in&nbsp;proportions are more common for Humanist and geometric sans serifs, and Neo-Grotesques tend to&nbsp;be&nbsp;static. In&nbsp;the article on&nbsp;classification, we&nbsp;covered the most popular fonts of&nbsp;these types. You can go&nbsp;back to&nbsp;them and analyze the difference.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"2250\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng.png\" alt=\"\" class=\"wp-image-31457\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-910x1024.png 910w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-768x864.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-1067x1200.png 1067w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-1365x1536.png 1365w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-1820x2048.png 1820w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-373x420.png 373w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-600x675.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_17_eng-71x80.png 71w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>It\u2019s time to&nbsp;return to&nbsp;our parameters and look through different uppercase character width options. Given that the text serif and interface sans serif have very similar proportions, I&nbsp;will compare a&nbsp;sans serif with dynamic proportions with our serif\u2019s static-proportioned text version.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1500\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1.png\" alt=\"\" class=\"wp-image-31458\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-1024x768.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-768x576.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-1200x900.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-1536x1152.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-420x315.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-600x450.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_18_eng-1-80x60.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"2370\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng.png\" alt=\"\" class=\"wp-image-31459\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-864x1024.png 864w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-768x910.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-1013x1200.png 1013w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-1296x1536.png 1296w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-1728x2048.png 1728w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-354x420.png 354w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-600x711.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_19_eng-68x80.png 68w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2000\" height=\"1300\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng.png\" alt=\"\" class=\"wp-image-31460\" style=\"width:1401px;height:auto\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-1024x666.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-768x499.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-1200x780.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-1536x998.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-420x273.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-600x390.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_20_eng-80x52.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"2000\" height=\"2370\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng.png\" alt=\"\" class=\"wp-image-31461\" style=\"width:1401px;height:auto\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-864x1024.png 864w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-768x910.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-1013x1200.png 1013w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-1296x1536.png 1296w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-1728x2048.png 1728w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-354x420.png 354w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-600x711.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_21_eng-68x80.png 68w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1300\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng.png\" alt=\"\" class=\"wp-image-31462\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-1024x666.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-768x499.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-1200x780.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-1536x998.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-420x273.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-600x390.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_22_eng-80x52.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Also, pay attention to&nbsp;letter groups and the differences in&nbsp;details between these two fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1389\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23.png\" alt=\"\" class=\"wp-image-31463\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-1024x711.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-768x533.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-1200x833.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-1536x1067.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-420x292.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-600x417.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_23-80x56.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1330\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24.png\" alt=\"\" class=\"wp-image-31464\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24.png 2000w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-1024x681.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-768x511.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-1200x798.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-1536x1021.png 1536w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-420x279.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-600x399.png 600w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/UniversiTTy_8_24-80x53.png 80w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>By&nbsp;comparing these two types, we&nbsp;can understand how to&nbsp;work with proportions and how they differ in&nbsp;various fonts. Taking proportions into account when designing letters will help craft a&nbsp;thought-through, well-calculated product, so&nbsp;I recommend focusing heavily on&nbsp;this aspect. What I&nbsp;want to&nbsp;add is&nbsp;that there are many font types with different graphic features\u2014try to&nbsp;analyze each specific case, not simply draw letters following the established patterns. Classic rules don\u2019t always work for your idea, so&nbsp;you should approach any solution critically.<\/p>\n\n\n\n<p>The next lesson will be&nbsp;dedicated to&nbsp;detailed contour refinement, so&nbsp;stay tuned! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to lesson number 8 of our \u00ab\u00a0UniversiTTy\u00a0\u00bb series! Last time, we covered optical compensation, uppercase and lowercase character heights, and the concept of contrast. In this article, we will finally focus on glyph design specifically. <\/p>\n","protected":false},"author":1590,"featured_media":31467,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[188,892],"class_list":["post-31435","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-work-with-fonts","tag-universitty"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/31435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/users\/1590"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/comments?post=31435"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/31435\/revisions"}],"predecessor-version":[{"id":52069,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/31435\/revisions\/52069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media\/31467"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media?parent=31435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/categories?post=31435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/tags?post=31435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}