{"id":7520,"date":"2023-11-22T09:30:11","date_gmt":"2023-11-22T09:30:11","guid":{"rendered":"https:\/\/scallent.com\/?p=7520"},"modified":"2023-11-22T09:42:05","modified_gmt":"2023-11-22T09:42:05","slug":"an-extensive-guide-to-using-typography","status":"publish","type":"post","link":"https:\/\/scallent.com\/en\/posts\/an-extensive-guide-to-using-typography\/","title":{"rendered":"An extensive guide to using typography"},"content":{"rendered":"

[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column width=”1\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-xs”][vc_single_image image=”6761″ alignment=”center”][vc_column_text]<\/p>\n

Gabriela Polidoro Lima
\n<\/strong>UX Designer & Content Writer<\/span><\/h6>\n

[\/vc_column_text][\/vc_column][vc_column width=”3\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-xs”][vc_column_text]Typography is in everything we read and we often don’t even realize the impact that letters, words, and phrases have on us. That’s the importance of typography which, as well as allowing us to read and receive messages through the design of letters, can convey other meanings and emotions.<\/strong>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column width=”1\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm”][vc_single_image image=”6761″ alignment=”center”][vc_column_text]<\/p>\n

Gabriela Polidoro Lima
\n<\/strong>UX Designer & Content Writer<\/span><\/h6>\n

[\/vc_column_text][\/vc_column][vc_column width=”3\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm”][vc_column_text]Typography is in everything we read and we often don’t even realize the impact that letters, words, and phrases have on us. That’s the importance of typography which, as well as allowing us to read and receive messages through the design of letters, can convey other meanings and emotions.<\/strong>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]<\/p>\n

Concept<\/strong><\/h1>\n

Typography is the study of words when it comes to their appearance, whether it’s their design – shape style – application, or even layout. This study is one of the most important tools for professionals in the fields of Design, Communication, Advertising, and Marketing, as it is essential for building brands and conveying various messages.<\/p>\n

History<\/strong><\/h1>\n

The letterpress printing process originated in the early 15th century with the German Gutenberg, who created the technique of movable dies, which were nothing more than iron molds of the letters of the alphabet. His invention boosted the printing press, which quickly spread throughout Europe, arriving in Latin America in 1539, starting in Mexico. Historically, the printing industry is the starting point for graphic design and printed communication.<\/p>\n

\"\"Source: Canva<\/h6>\n

 <\/p>\n

Type = font or drawn letter + Graphia = printing; formerly done using iron molds that left a texture on the paper<\/p>\n

A font is made up of the typeface, its style, and size, while types are a set of different fonts.<\/p>\n

Typology is the study of typefaces, which has become increasingly popular due to the increasing diversity of font options.<\/p>\n

A set of fonts with the same basic characteristics, but with some differences in thickness, width, and size, is called a Typographic Family.<\/p>\n

The old typographic method of using iron molds to engrave the design of the letters on paper has long since been replaced by modern printing methods, but nowadays it is still possible to combine both processes for low print runs in order to present a unique and rich visual form, like an engraving.<\/p>\n

Main types of font<\/b><\/h1>\n

In typography, the different types of fonts are divided into four according to their shape.<\/span><\/p>\n

\"\"Source: ml paper<\/a><\/p>\n

Serif<\/strong><\/h2>\n

A serif font has small strokes and extensions at the ends. Serif fonts are often used for longer texts, such as those in newspapers and magazines. Because it is visually more comfortable for the eyes, it is the most suitable for longer readings. This type of font also conveys seriousness and respect and can be reminiscent of the traditional.<\/p>\n

Times New Roman<\/strong> is the most widely used font in this group, along with Courier and Georgia.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]\"\"[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]\"\"[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Source: Pinterest<\/h6>\n

Sans Serif<\/strong><\/h2>\n

A sans serif font is the opposite of a serif, i.e. it’s straighter, without extensions. This type of font is ideal for shorter texts because they are neutral, simple, and contemporary. They convey security and joy and one of the most common examples is Arial<\/strong>.<\/p>\n

\"\"Source: voxel digital<\/a><\/h6>\n

Cursive or Script<\/b><\/h2>\n

Cursive, script, or handwritten type is the type that simulates handwriting. It can be used to write on invitations or cards, as it is usually elegant and expresses feeling. What’s more, the curvier their shapes, the more feminine they are. A good tip can be to combine a cursive font with a sans serif, creating a contrast. Two good examples of this type of font are Monotype Corsiva and Lucida Handwriting<\/strong>.<\/p>\n

\"\"Source: Fonts In Use<\/a><\/h6>\n

 <\/p>\n

Display or Decorative
\n<\/strong><\/h2>\n

Finally, Display fonts are the most “artistic” fonts, which don’t fit into the previous classifications. They are used for commemorative purposes, as they are reminiscent of parties and comics, and can include symbols, drawings, and figures such as animals and objects as well as letters.<\/p>\n

Precisely because of these characteristics, they are not suitable for writing long texts. A very common typeface is Comic Sans<\/strong>.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]\"\"[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]\"\"[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Source: voxel digital<\/a><\/h6>\n

How do you choose the right typeface?<\/strong><\/h1>\n

When creating graphic material that will contain text, it is important to pay attention to the type of font that will be used. This is because, as we have already seen, typography conveys other feelings and emotions in addition to the written message.<\/span><\/p>\n

There are two ways to choose: you can choose an existing font, or you can create a new font.<\/span><\/p>\n

When choosing to create a new font, the advantage is the possibility of having something unique, with specific characteristics, that conveys the values of a brand or theme, a non-verbal message. With new and ever-evolving digital technologies, it’s becoming easier and easier to create your typography and develop an entire alphabet to create layouts that are completely in line with the interests and positioning of the company or brand.<\/span><\/p>\n

If you choose to use an existing font, although you won’t be presenting something unique, it is still essential that the font is aligned with the brand, with the PUBLIC you want to talk to, and with the <\/span>message <\/b>you want to convey and how you want it to be received. Another essential aspect is <\/span>accessibility<\/b>. It’s important to choose an internet source, as not all of them are usable in this digital format. Otherwise, visualization difficulties may occur.<\/span><\/p>\n

A good source is <\/span>Google Fonts<\/span><\/a>, a site with many different typefaces for inspiration, as well as being a good place to check the accessibility of your chosen font. Those with a larger family will be easier to use, regardless of the size and format you need.<\/span><\/p>\n

\"\"Source: voxel digital<\/a><\/p>\n

Pay attention to graphics:<\/h2>\n

To help you choose the ideal font, one that is not only beautiful but also suitable for your purpose, bear in mind important elements such as:<\/p>\n

Composition, colors, and contrast<\/strong><\/h3>\n

To ensure good contrast and to guide the eye to follow a specific reading order and convey your message in the best possible way. Use contrasts such as different sizes, font types, and versions of the same font, such as bold and italics<\/p>\n

Size<\/strong><\/h3>\n

The size of the font is essential for good viewing and reading, whether by the type of audience or device used.<\/p>\n

Graphic c<\/strong>omposition<\/strong><\/h3>\n

How content is composed will have a direct impact on its legibility and readability.<\/p>\n

Readability:<\/strong> the ease with which one letter can be differentiated from another. For this, it is important to consider color contrasts, choice of font type (serif, sans serif, etc.), and attention to spacing between characters.<\/p>\n

Readability:<\/strong> refers to the ease with which the eye absorbs the message. It is linked to the spacing between lines, between words, the use of upper or lower case characters, and alignment.<\/p>\n

When creating a layout remember:<\/h2>\n

\u00a0Hierarchy to guide the user’s eyes<\/strong><\/h3>\n

When designing the layout, you need to consider the hierarchy of information according to the intention, i.e. which parts of the text are most important, and these are the parts that should attract the reader’s attention. You then need to work on the layout in such a way as to direct the user’s eyes exactly to the most relevant part of the text. This could be a title, a statement, or a quote.<\/p>\n

Alignment to organize content<\/strong><\/h3>\n

To create a textual structure that is visually clear and easy to read, you can organize the lines of text in 4 ways:<\/p>\n