{"id":32391,"date":"2024-06-26T12:04:58","date_gmt":"2024-06-26T09:04:58","guid":{"rendered":"https:\/\/typetype.org\/fr\/?p=32391"},"modified":"2026-05-15T10:16:48","modified_gmt":"2026-05-15T07:16:48","slug":"universitty-lesson-9-uppercase-characters-detailed-contour-refinement","status":"publish","type":"post","link":"https:\/\/typetype.org\/fr\/blog\/universitty-lesson-9-uppercase-characters-detailed-contour-refinement\/","title":{"rendered":"UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Welcome to the ninth lesson of our \u00abUniversiTTy\u00bb! In this series, we guide you through the process of font design step by step. That\u2019s why we suggest going through the earlier articles in the series before diving into this one. <\/p>\n\n\n\n

Our last article was dedicated to drawing uppercase characters after dealing with the basic construction logic. This time, we will dive deeper into the issue and move on to the detail refinement. <\/p>\n\n\n\n

Your teacher is TypeType Design Lead Antonina Zhulkova. Antonina has been working in font design for more than 5 years now. She\u2019s the concept author and lead designer of projects like TT Neoris, TT Ricordi Allegria, TT Globs, and Ivi Sans Display. Also, she took part in the creation of TT Fellows, TT Fors, TT Interphases Pro, TT Commons, and many other typefaces.<\/p>\n\n\n\n

Details and how they influence the entire font<\/h2>\n\n\n\n

The font is a cohesive visual system. This can be seen on all levels: global (font type, weight, proportions, contrast, general forms) and at lower scales that encompass all graphic choices in individual characters. Let\u2019s find out together how visual details influence the overall perception of fonts.<\/p>\n\n\n\n

Waistline of a letter<\/h3>\n\n\n\n

Waistline is a reference line for horizontal strokes in fonts. This parameter helps us create the correct letter structure and add more logic to the font. Also, changing this line\u2019s height can transform the entire visual aesthetic of the font: for instance, a high waistline communicates that the font belongs to the Art Nouveau style, and a low waistline becomes an expressive detail. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

It\u2019s crucial to know that the waistline is almost never positioned at the mathematical center of the symbol. If you draw the waistline right through the center, it will seem that the horizontal strokes are positioned lower. This is linked to our visual perception specifics: the upper part of a character always looks heavier to us than the lower part.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

It\u2019s best to draw the waistline in a way that makes similar-looking characters follow the same construction logic. This will not only optimize your work process but also contribute to a more uniform look of your font\u2019s graphics. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Balance of graphical elements<\/h3>\n\n\n\n

We\u00a0have already touched upon this topic in\u00a0our previous article<\/a> when we\u00a0explored letter groups and their relationship. Now, let\u2019s dive deeper into this.
<\/p>\n\n\n\n

All graphic techniques in the letterforms should correlate with the objectives and characteristics of the font. This concerns both large forms, like oval ones, and the smallest ones. While developing fonts, designers often overload letterforms with details to show their skills. You should avoid this tendency and not let unnecessary details penetrate your font.
<\/p>\n\n\n\n

Let\u2019s examine several issues you may face while working on your project. This list doesn\u2019t factor in all the details but can suggest a course of action.<\/p>\n\n\n\n

Rounded ovals<\/h3>\n\n\n\n

Oval and bracket forms in a font should harmonize well with each other: this is an essential style-forming element that influences the overall perception of the font. When working with these details, it\u2019s recommended to subdivide characters into groups and work on each of them. <\/p>\n\n\n\n

To build a correct graphic system, you should determine the character of the rounded forms in the font: they might be closer to a geometric circle (like in geometric sans serifs), approach an oval form, have a squared character, or even be completely straight with a minimal radius of curvature. All letters with rounded elements depend on the specific bracket form. <\/p>\n\n\n\n

However, forms of ovals, bowls, and brackets don\u2019t have to be identical to one another. For example, characters with bowls can vary in shape from round glyphs. This is a very expressive design choice, so use it thoughtfully. In the case of contrast between forms, it\u2019s recommended to add this element to the corresponding group, not to just one letter. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Round character contrast in serif fonts<\/h3>\n\n\n\n

Working with contrast in\u00a0serif requires close attention to\u00a0details and understanding the influence of\u00a0the writing tool on\u00a0glyph forms. In\u00a0our seventh lesson<\/a>, you read about different types of\u00a0contrast: the one between broad nib and pointed nib. This parameter impacts both stroke variations and contrast distribution on\u00a0the glyph axis.<\/p>\n\n\n\n

The oval axis is an imaginary line passing through the thinnest parts of the rounded characters (this dictates whether they are positioned vertically or at an angle). If you do calligraphy, you should know how forms change depending on the writing tool and its position on the paper. Fonts follow the same logic: if you design a font based on calligraphic principles or belonging to the old-style serifs, all rounded characters should have a specific slant, and the widest stroke spots should be perpendicular to this slant. To achieve consistent and beautiful glyph design, it\u2019s recommended to consider the contrast type and follow the chosen stylistic direction. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Serifs<\/h3>\n\n\n\n

Serifs<\/a> are a remarkable distinct feature of Antiqua fonts. A serif is a small stroke at the end of a stem. There are numerous kinds of serifs. By using this element in your font, you can modify its character and mood, make typesetting more or less expressive, and add personality to your typeface. I recommend Robert Bringhurst\u2019s book The Elements of Typographic Style to learn more about serifs. <\/p>\n\n\n\n

According to the most basic classification of serifs, they can be sorted by types of Antiquas. In dynamic and static fonts, serifs can have a different look: in dynamic Antiquas, they are often asymmetrical and follow the writing tool\u2019s logic. In static fonts, they have almost geometrical construction. <\/p>\n\n\n\n

The length and weight of serifs also depend on the font\u2019s style. In modern, especially display<\/a> fonts, the variety of serif forms is striking, so let\u2019s better look at some examples. They may be symmetrical or asymmetrical in one glyph, have the same weight, or be tapering, rounded, triangular, diamond-shaped, etc.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Terminals<\/h3>\n\n\n\n

A terminal is a straight or curved stroke end. Terminals in glyph design are also crucial elements that should reflect the logic of construction. The shape of terminals largely depends on the extent of glyph openness (aperture) and the font\u2019s style. When working on terminals, two things require thought: the overall terminal form and its ending. The form of the stroke ending causes the fewest problems as it follows the entire glyph form and depends on the general font characteristics.<\/p>\n\n\n\n

In sans serifs, stroke endings are less variable than in serifs. They may be neutral, complementing the overall form (which is important for text fonts) as well as more eye-catching. There are numerous graphic solutions for terminals; however, it\u2019s not recommended to combine several approaches in one font. This is especially true for terminal endings, or so-called \u00abcuts.\u00bb They may end perpendicular to the element\u2019s direction, vertically and horizontally, or have an angle\u2014and in this case, angles should be similar within the entire font. Terminals can become an expressive feature in sans serifs, too, but the way of using this technique will depend on the task.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

In Antiquas, there are more options for stroke ends: various kinds of serifs and teardrops. Teardrops are most often used in lowercase characters, so we\u2019ll address them later on; among lowercase characters, they may appear in the letter J<\/strong>. Serif types in Antiquas are heavily influenced by the font\u2019s stylistic: the more similar it is to the historical prototypes, the more prominent the influence of the writing tool; in modern Antiquas, the approach to stroke endings isn\u2019t so strict. To decide on the terminal forms, you have to assign your Antiqua to a group and find out how serifs and teardrops look in similar fonts. It\u2019s also helpful to revisit the sketches and review this part again through drawing.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Junctions and ink traps<\/strong><\/h3>\n\n\n\n

Now, let\u2019s turn our attention to less noticeable but equally important details. Adding ink traps and junctions with horizontal segments at the intersections of the strokes is a common practice in glyph design. At its core, it\u2019s a single conceptual element; the difference lies solely in its \u00abscale\u00bb within the character. What sets ink traps, also called compensators, apart is that this detail is larger and is included in the main glyph strokes. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

During the metal type era, these elements served as functional details, allowing designers to add a small amount of negative space to the character and avoid the ink dispersion effect at the stroke intersections. Now, the times have changed, and these details have become separate design elements. <\/p>\n\n\n\n

Junctions with horizontal segments can be both relatively small and large graphic elements. My recommendation is not to make them smaller than 5 points in size when working in the 1000 units per Em system, or else you will face problems with contours during file export. Junctions should also keep following the general logic that will repeat for both junction sizes and their positions, so they must appear in places with similar contexts.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Glyph character<\/strong><\/h3>\n\n\n\n

Let\u2019s return to the creative part of drawing. In this section, I explained how to bring consistency to the symbol graphics. At first glance, it may seem that drawing glyphs means suppressing all creative impulses. In fact, this is not true. Constructing a unified logic within the font\u2019s graphics is a tool for highlighting the beauty of letters. Amid the overall uniformity, stylistic discoveries work better. <\/p>\n\n\n\n

So, what methods can be used? First, work with the letter details and look for unconventional solutions. They will be mainly influenced by the font\u2019s style, for example, a historical reference or your original findings. You can focus on specific letterform elements, such as the form of J, G, the tail of Q, the leg forms of R, K, and the fluidity of S. This point is closely tied to the notion of \u00absemantic rhyme,\u00bb which must appear in all glyphs across the typeface. To make your hand-made, intricate characters with unusual forms appear cohesive, you should maintain this graphic choice in any other letter of the same case. Here are several examples of that with personality-filled letters in fonts. You can work on your watchfulness by analyzing semantic rhymes in each example. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Anything from the already described font characteristics can become an expressive graphic element: proportions, contrast, serifs, terminals, and much more. Making artistic choices is one of the most fascinating tasks of font development, and gathering theoretical knowledge will only amplify the range of your possibilities.<\/p>\n\n\n\n

At first, font design seems very complex and challenging to grasp. However, you shouldn\u2019t be worried\u2014uncover this knowledge step by step, and you will achieve your goals! Using our uppercase letters as an example, we explored all key principles of glyph design in the entire font. This knowledge is your foundation to progress with font design and refinement. <\/p>\n\n\n\n

In the following article, we will focus on drawing lowercase characters. Stay tuned! <\/p>\n","protected":false},"excerpt":{"rendered":"

Welcome to\u00a0the ninth lesson of\u00a0our \u00abUniversiTTy\u00bb! In\u00a0this series, we\u00a0guide you through the process of\u00a0font design step by\u00a0step. The font is\u00a0a\u00a0cohesive visual system. This can be\u00a0seen on\u00a0all levels: global (font type, weight, proportions, contrast, general forms) and at\u00a0lower scales that encompass all graphic choices in\u00a0individual characters. Let\u2019s find out together how visual details influence the overall perception of\u00a0fonts.<\/p>\n","protected":false},"author":1590,"featured_media":32393,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[892],"class_list":["post-32391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-universitty"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/32391","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=32391"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/32391\/revisions"}],"predecessor-version":[{"id":52067,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/32391\/revisions\/52067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media\/32393"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media?parent=32391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/categories?post=32391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/tags?post=32391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}