{"id":6728,"date":"2022-01-20T12:05:21","date_gmt":"2022-01-20T12:05:21","guid":{"rendered":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/?p=6728"},"modified":"2023-08-23T16:56:13","modified_gmt":"2023-08-23T15:56:13","slug":"fonts-an-introduction-to-typography","status":"publish","type":"post","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/","title":{"rendered":"Fonts &#8211; An introduction to Typography"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The hardest decision in writing, I find, is choosing the right font. Should you start with a Times New Roman, the reliable choice? Perhaps you want to suggest that this text is not serious, so you&#8217;ll use Comic Sans. Our font choice informs our readers of emotion and tone, it denotes the legibility and readability of our typed text and guides their expectations of our writing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Typeface Design &#8211; Height<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every font can be measured and compared by looking at the foundation components of the typeface.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Baseline<\/strong>: The foundation line that text is aligned to. <\/li>\n\n\n\n<li><strong>X-height<\/strong>: The expected height of lowercase letters measured from the baseline.<\/li>\n\n\n\n<li><strong>Ascender:<\/strong> The expected height of lowercase letters extended above the X-height.<\/li>\n\n\n\n<li><strong>Descender:<\/strong> The expected depth of lowercase letters extended below the baseline.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"75\" src=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema-1024x75.png\" alt=\"A sentence that is being measured against the four components.\" class=\"wp-image-6730\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema-1024x75.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema-300x22.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema-768x57.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The four components of letter design are baseline, X-height, ascender and descender.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You may have noticed that uppercase letters use the same structure. The expected height of your uppercase letters is equivalent to the expected height of your lowercase with ascenders. The same can be said with descenders too, although in some fonts the letter &#8220;Q&#8221; does not adhere to this convention.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this image, all fonts are the same size, the only difference is the capitalisation of the font. <\/p>\n\n\n\n<figure class=\"wp-block-jetpack-image-compare\"><div class=\"juxtapose\" data-mode=\"horizontal\"><img loading=\"lazy\" decoding=\"async\" id=\"6733\" src=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/LC-alphabet-1.png\" alt=\"\" width=\"1280\" height=\"80\" class=\"image-compare__image-before\" \/><img loading=\"lazy\" decoding=\"async\" id=\"6734\" src=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/UC-alphabet-2.png\" alt=\"\" width=\"1280\" height=\"80\" class=\"image-compare__image-after\" \/><\/div><figcaption>Components of uppercase and lowercase letters.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Did you know that the terms &#8220;lowercase&#8221; and &#8220;uppercase&#8221; originate from where each letter was stored when it was not being used in the printing process? The small metal cast of each individual letter was stored in a case above or below the printing workstation. Since lowercase letters were used with more frequency. They were kept within easy access, in the lower <em>letters<\/em> case. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Typeface Design &#8211; Weighting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The weight of a font is the measurement of character thickness. Heavyweight fonts are built using thick lines and lightweight fonts with thin lines. The weight of a character does not impact its size in regards to the four height components, <em>well<\/em>, in truth it does, but the differences are negligible with most fonts. However, the overall words and sentences will need more space on the page when the weight of a font is increased.<\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" alt=\"The alphabet typed out four times, each with an increasing font weight. \" class=\"wp-block-jetpack-slideshow_image wp-image-6742\" data-id=\"6742\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1-1024x576.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1-768x432.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Font weight differences, all fonts are the same size <\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" alt=\"The letter &quot;a&quot; with guidelines to measure its weight\" class=\"wp-block-jetpack-slideshow_image wp-image-6741\" data-id=\"6741\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1-1024x576.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1-768x432.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Lightweight font with width lines added<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" alt=\"The letter &quot;a&quot; with guidelines to measure its weight, the shaded areas indicated width gain.\" class=\"wp-block-jetpack-slideshow_image wp-image-6740\" data-id=\"6740\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1-1024x576.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1-768x432.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Heavyweight font with width lines added to indicate difference from lightweight font.<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Typeface Design &#8211; Types of font<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Serif fonts<\/h3>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1.png\" alt=\"The Letter A with the bottom serifs colour in. \" class=\"wp-image-6744\" width=\"177\" height=\"177\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1.png 214w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1-150x150.png 150w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1-45x45.png 45w\" sizes=\"auto, (max-width: 177px) 100vw, 177px\" \/><figcaption class=\"wp-element-caption\">Letter &#8220;A&#8221; with coloured serifs<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">A serif is a small line or dash that is attached to the entry and exit points of glyphs. Serif fonts can affect the legibility and readability of text. While a strong serif can negatively impact the accessibility and readability of text. Text with weak serifs can help with character recognition and therefore positively impact accessibility. Serif fonts can have varying weights within individual letters. The Serif font family can be further divided into sub-groups, Old-Style, Transitional, Didone and Slab serif.<\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6746\" data-id=\"6746\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Old Style font &#8211; Garamond <\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6748\" data-id=\"6748\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Transitional font &#8211; Times New Roman<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6747\" data-id=\"6747\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Didone font &#8211; Modern No.20<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6745\" data-id=\"6745\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Slab serif font &#8211; Elephant<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Sans-serif fonts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sans-serif fonts contain no serifs and have even weighting throughout the whole character. These fonts are increasingly common as the text we type is shared digitally. The need for serifs that help character recognition is mitigated by having a clear digital display. Similarly, Sans serif fonts can also be divided into smaller groupings, grotesque, neo-grotesque, humanistic and geometric. Each of the groups has subtle differences such as the &#8220;O&#8221; being oval or circular in shape, or the shape of the tittle, (the dot above the &#8220;I&#8221;), is square or circular shaped.  <\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6755\" data-id=\"6755\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Franklin Gothic &#8211; Grotesque font<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6754\" data-id=\"6754\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Helvetica &#8211; Neo-grotesque<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6753\" data-id=\"6753\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Fira Sans &#8211; Humanistic <\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6752\" data-id=\"6752\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png 1280w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric-300x169.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric-1024x576.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Century Gothic  &#8211; Geometric<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Script fonts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Script fonts are uncommonly used in academic writing but I thought it would be a shame not to mention the Script family. These fonts are elaborate in their design with exaggerated serifs, intentional ligatures and kerning. Script fonts are intended to mimic handwriting. As expected character recognition and legibility is not the forte of Script fonts. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fonts4free.net\/includes\/preview.php?fid=13717&amp;fname=Coca%20Cola&amp;fsize=42&amp;fcolor=1E1E1E&amp;text=the%20quick%20brown%20fox%20jumps%20over%20the%20lazy%20dog&amp;fcase=Abc\" alt=\"Coca Cola Font used in a sentence to showcase its font ligatures.\" \/><figcaption class=\"wp-element-caption\">Script font showing distinctive characteristic <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Font psychology &#8211; Trait alignment<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fonts can also represent an action or feeling. When we see a particular font, we instantly recognise the general traits and align these to our preexisting connotations on a particular trait. Every time we read the printed text we are anthropomorphising the typeset used.  For example, let&#8217;s look at three traits.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Angle of the typeface<\/li>\n\n\n\n<li>Ligatures connecting the lettering<\/li>\n\n\n\n<li>Weighting of the font<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The angle of a font is very important as it can be manipulated to create a sense of motion. Compare the two texts below. One is slanted forward to represent a forward motion, this is great for texts that contain active verbs. The other is slanted backwards, this represents a backwards motion. Which can help to create a relaxed message using a laidback font. <\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"206\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6808\" data-id=\"6808\" src=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614-1024x206.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614-1024x206.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614-300x60.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614-768x155.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614.png 1101w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Slanted text to the right<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"174\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6809\" data-id=\"6809\" src=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782-1024x174.png\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782-1024x174.png 1024w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782-300x51.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782-768x130.png 768w, https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782.png 1101w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Slanted text to the left<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Motion can be suggested simply with a slanting of a text, we can equally use fonts to convey emotions. For example, using a font that has condensed text symbolises a sense of strength and impact, which can lead a reader to feel motivated. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For this reason, condensed text is commonly used in fitness marketing, particularly with bolded text. The same effect can be seen with technology companies preferring sans serif fonts. This is because of their universal approach to their intended global audience. This makes readers feel welcome and reassured. Interestingly, the slanted text is also used in technology company logos as here it represents that they are <em>forward-thinking<\/em>, an implied intellectual motion perhaps. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use script fonts with intentional ligatures to highlight romance and unity. This is because the characters in the text seem to be connected and in a certain description, intimate. This could explain why Coca-cola&#8217;s seasonal marketing campaigns are centred on being together with others. <\/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<div class=\"responsive-video\"><iframe loading=\"lazy\" title=\"Coca Cola Christmas ad 2021 -  Real Magic\" width=\"755\" height=\"425\" src=\"https:\/\/www.youtube.com\/embed\/FETH0xQ8-bo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Font psychology &#8211; Associative concepts<\/h2>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cms-assets.tutsplus.com\/cdn-cgi\/image\/width=850\/uploads\/users\/2056\/posts\/35382\/image\/FuturaFontHistory_FuturaSpecimen.jpg\" alt=\"A Futura typeset poster.\" width=\"368\" height=\"435\" \/><figcaption class=\"wp-element-caption\">The Futura font<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Associative concepts are extremely powerful in instigating emotions for readers. Typically we link fonts to experiences that we have had. If a font activates an emotional response we begin to associate the emotion with the font. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The typeface <strong>Fraktur<\/strong> was used during the Second World War by the German Nazi Party as its senior leaders resented the use of Roman numerals, this font, as expected is incredibly emotive with many suggesting this is an <em>evil<\/em> font. This resulted in the font being banned and replaced with a set of neutral fonts; one of which was the Futura font. Futura is a geometric typeset. It was famously used to engrave the <a href=\"https:\/\/moon.nasa.gov\/resources\/136\/apollo-11-plaque\/\">Apollo 11 plague<\/a>. Ask yourself, does this font incite feelings of progression, accomplishment or intelligence instead of wickedness? <em>Let me know in the comments section<\/em>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The desire for fonts to be comfortable to read has led to the uprising of humanistic fonts. These fonts use rounded or part rounded character shapes with the sharp angles of a neo-grotesque font. Humanistic fonts were designed to be satisfying as humans prefer rounded objects as they imply comfort and are less threatening. The sharp angles in humanistic fonts add high levels of character clarity and aid quick character identification. This is all without the use of serifs. Interestingly, studies have shown that there is no significant difference in reading comprehension between sans-serif and serif fonts. You could argue that font selection is an emotional decision rather than a design judgment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Font psychology &#8211; Family traits <\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background\" style=\"background-color:#fcf0ef\"><thead><tr><th>Font Name<\/th><th>Font Family<\/th><th>Sans-Serif or Serif?<\/th><th>Straight edged characters or rounded?<\/th><th>Condensed expanded or monospaced?<\/th><th>Expected emotional connotations<\/th><th>Historical or famous application?<\/th><th>Approved by the British Dyslexia Association?<\/th><\/tr><\/thead><tbody><tr><td>Franklin Gothic<\/td><td>Grotesque<\/td><td>Sans-Serif<\/td><td>Straight<\/td><td>Mid-Expanded<\/td><td>Honesty, factual and business-minded.<\/td><td>The original Star Wars opening crawl &amp; Historical shop signs.<\/td><td>Yes<\/td><\/tr><tr><td>Helvetica<\/td><td>Neo-grotesque<\/td><td>Sans-serif<\/td><td>Straight<\/td><td>Expanded<\/td><td>Clarity and neutrality <\/td><td>Informational signs and EU warning labels <\/td><td>Yes<\/td><\/tr><tr><td>Times New Roman<\/td><td>Transitional <\/td><td>Serif<\/td><td>Rounded<\/td><td>Mid-Condensed<\/td><td>Formal and comforting<\/td><td>Commissioned for use by The Times Newspaper<\/td><td>No<\/td><\/tr><tr><td>Roboto<\/td><td>Neo-grotesque <\/td><td>Sans-serif<\/td><td>Rounded tittles and straight letter caps.<\/td><td>Condensed<\/td><td>Approachable and relaxing<\/td><td>Created by Google for Andriod 4.0<\/td><td>Yes<\/td><\/tr><tr><td>Arial<\/td><td>Neo-grotesque<\/td><td>Sans-serif<\/td><td>Straight<\/td><td>Mid-Expanded<\/td><td>Technological and clear<\/td><td>IBM created this font to bypass paying the Helvetica licensing fees in their computing systems. <\/td><td>Yes<\/td><\/tr><tr><td>Calibri<\/td><td>Humanistic<\/td><td>Sans-Serif<\/td><td>Part-rounded <\/td><td>Expanded<\/td><td>Neutrality, passive<\/td><td>The default font for Microsoft desktop applications.<\/td><td>Yes<\/td><\/tr><tr><td>Courier<\/td><td>Slab Serif<\/td><td>Serif<\/td><td>Straight<\/td><td>Mono-Spaced<\/td><td>Dignity, prestige and stability<\/td><td>Screenplays and scripts are traditionally typed using Courier<\/td><td>No<\/td><\/tr><tr><td>Comic Sans<\/td><td>Script<\/td><td>Sans-serif<\/td><td>Rounded<\/td><td>Expanded<\/td><td>Comedy, unprofessionalism and childlike<\/td><td>Designed for a Microsoft Comic Chat and since has become one of the most recognised fonts in the world. <\/td><td>Yes<\/td><\/tr><tr><td>Garamond<\/td><td>Old-style<\/td><td>Serif<\/td><td>Rounded<\/td><td>Mid-condensed<\/td><td>Romance, intimacy and pride<\/td><td>Thought to be designed as far back as 1510, originally based on Roman Numerals.<\/td><td>No<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Comparing the differences of some of the commonly used typefaces. <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Font Accessibility<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You should be sure to choose a typeset that meets the expected requirements for your audience. Font accessibility will dictate the readability of your typed text for all readers. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use Sans serif fonts, as letters can appear less crowded due to their even weighting.<\/li>\n\n\n\n<li>Font size should be 12-14 point or 14+ for math characters. Some dyslexic readers may request a larger text.<\/li>\n\n\n\n<li>Larger internal spacing in a glyph spacing improves readability, although if letter spacing is excessive it can reduce readability.<\/li>\n\n\n\n<li>Larger line spacing improves readability: 1.5 line spacing is optimal for most documents.<\/li>\n\n\n\n<li>Avoid underlining and italics as this can make the text appear to run together and cause crowding, instead use bold for emphasis.<\/li>\n\n\n\n<li>Avoid text in uppercase \/ capital letters and small caps, which can be less familiar to the reader and harder to read.<\/li>\n\n\n\n<li>Your font colour must have high contrast with the background, <a href=\"http:\/\/Three ways PowerPoint\u2019s \u201cDesign Ideas\u201d excludes your audience, and how to fix it: Part 3 \u2013 Insufficient colour contrast.\">Matthew has a great blogpost on insufficient colour contrast<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Resources &amp; Further Reading<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.buzzfeed.com\/carlygannon\/answer-some-questions-and-find-out-what-font-matc-htcw4ui27\">Buzzfeed Quiz &#8211; What font matches your personality<\/a>  <\/li>\n\n\n\n<li><a href=\"https:\/\/cdn.bdadyslexia.org.uk\/uploads\/documents\/Advice\/style-guide\/Dyslexia_Style_Guide_2018-final-1.pdf?v=1554827990\">British Dyslexia Association style guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/dl.acm.org\/doi\/10.1145\/2513383.2513447\">Good fonts for Dyslexia<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/journals.sagepub.com\/doi\/10.1111\/j.1467-9280.2006.01759.x\">Humans prefer curved objects<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.inafarawaygalaxy.com\/2019\/08\/what-is-font-of-star-wars-opening-crawl.html\">Star Wars crawl font<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cognitiontoday.com\/font-psychology-research-and-application\/\">Font psychology and practical insights<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/design.tutsplus.com\/articles\/the-psychology-of-fonts--cms-34943\">The Psychology of Fonts (Fonts That Evoke Emotion)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=GUCcObwIsOs\">A defence of Comic Sans &#8211; Video<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.nickkolenda.com\/font-psychology\/\">Font Psychology<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/core.ac.uk\/reader\/82734510\">Do serifs help in comprehension of printed text?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.netflix.com\/gb\/title\/80057883\">Abstract the art of Design &#8211; Netflix Series<\/a> (A must watch series!)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A short exploration of the science of Typography.<\/p>\n","protected":false},"author":4953,"featured_media":6846,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209,3,9],"tags":[86,284,175,134],"class_list":["post-6728","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-creating-content","category-tech-tips","tag-accessibility","tag-ask-us","tag-e-learning","tag-universal-design-for-learning"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Digital Learning - Creating content - Fonts - An introduction to Typography<\/title>\n<meta name=\"description\" content=\"Fonts - An introduction to Typography. A brief introduction into typography and the psychology behind our font choice.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital Learning - Creating content - Fonts - An introduction to Typography\" \/>\n<meta property=\"og:description\" content=\"Fonts - An introduction to Typography. A brief introduction into typography and the psychology behind our font choice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Learning\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T12:05:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T15:56:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg?fit=2192%2C1441&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2192\" \/>\n\t<meta property=\"og:image:height\" content=\"1441\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Luke Kimber-Bradshaw\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@LukedInLearning\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Luke Kimber-Bradshaw\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/\"},\"author\":{\"name\":\"Luke Kimber-Bradshaw\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/person\\\/d77b9cb556951771ede6dbeb6fe2a4a1\"},\"headline\":\"Fonts &#8211; An introduction to Typography\",\"datePublished\":\"2022-01-20T12:05:21+00:00\",\"dateModified\":\"2023-08-23T15:56:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/\"},\"wordCount\":1702,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg\",\"keywords\":[\"accessibility\",\"Ask us\",\"e-learning\",\"Universal Design for Learning\"],\"articleSection\":[\"Accessibility\",\"Creating content\",\"Tech tips\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/\",\"name\":\"Digital Learning - Creating content - Fonts - An introduction to Typography\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg\",\"datePublished\":\"2022-01-20T12:05:21+00:00\",\"dateModified\":\"2023-08-23T15:56:13+00:00\",\"description\":\"Fonts - An introduction to Typography. A brief introduction into typography and the psychology behind our font choice.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#primaryimage\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg\",\"contentUrl\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg\",\"width\":\"2192\",\"height\":\"1441\",\"caption\":\"A typewriter with the words \\\"something worth reading\\\" typed onto paper.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2022\\\/01\\\/20\\\/fonts-an-introduction-to-typography\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fonts &#8211; An introduction to Typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#website\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/\",\"name\":\"Digital Learning\",\"description\":\"Consult | Collaborate | Create\",\"publisher\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#organization\",\"name\":\"Digital Learning\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i2.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2017\\\/09\\\/cropped-dltdevice.png?fit=512%2C512\",\"contentUrl\":\"https:\\\/\\\/i2.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2017\\\/09\\\/cropped-dltdevice.png?fit=512%2C512\",\"width\":512,\"height\":512,\"caption\":\"Digital Learning\"},\"image\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/person\\\/d77b9cb556951771ede6dbeb6fe2a4a1\",\"name\":\"Luke Kimber-Bradshaw\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6e935aadb7187106f535e311f0a952e0dde4fb0e11906a24742a03e3ffea4c5?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6e935aadb7187106f535e311f0a952e0dde4fb0e11906a24742a03e3ffea4c5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6e935aadb7187106f535e311f0a952e0dde4fb0e11906a24742a03e3ffea4c5?s=96&d=mm&r=g\",\"caption\":\"Luke Kimber-Bradshaw\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/lsearle\\\/?trk=nav_responsive_tab_profile\",\"https:\\\/\\\/x.com\\\/LukedInLearning\"],\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/author\\\/ls2u21\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Digital Learning - Creating content - Fonts - An introduction to Typography","description":"Fonts - An introduction to Typography. A brief introduction into typography and the psychology behind our font choice.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/","og_locale":"en_GB","og_type":"article","og_title":"Digital Learning - Creating content - Fonts - An introduction to Typography","og_description":"Fonts - An introduction to Typography. A brief introduction into typography and the psychology behind our font choice.","og_url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/","og_site_name":"Digital Learning","article_published_time":"2022-01-20T12:05:21+00:00","article_modified_time":"2023-08-23T15:56:13+00:00","og_image":[{"width":2192,"height":1441,"url":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg?fit=2192%2C1441&ssl=1","type":"image\/jpeg"}],"author":"Luke Kimber-Bradshaw","twitter_card":"summary_large_image","twitter_creator":"@LukedInLearning","twitter_misc":{"Written by":"Luke Kimber-Bradshaw","Estimated reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#article","isPartOf":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/"},"author":{"name":"Luke Kimber-Bradshaw","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/person\/d77b9cb556951771ede6dbeb6fe2a4a1"},"headline":"Fonts &#8211; An introduction to Typography","datePublished":"2022-01-20T12:05:21+00:00","dateModified":"2023-08-23T15:56:13+00:00","mainEntityOfPage":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/"},"wordCount":1702,"commentCount":0,"publisher":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#organization"},"image":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#primaryimage"},"thumbnailUrl":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg","keywords":["accessibility","Ask us","e-learning","Universal Design for Learning"],"articleSection":["Accessibility","Creating content","Tech tips"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/","name":"Digital Learning - Creating content - Fonts - An introduction to Typography","isPartOf":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#website"},"primaryImageOfPage":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#primaryimage"},"image":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#primaryimage"},"thumbnailUrl":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg","datePublished":"2022-01-20T12:05:21+00:00","dateModified":"2023-08-23T15:56:13+00:00","description":"Fonts - An introduction to Typography. A brief introduction into typography and the psychology behind our font choice.","breadcrumb":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#primaryimage","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg","contentUrl":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg","width":"2192","height":"1441","caption":"A typewriter with the words \"something worth reading\" typed onto paper."},{"@type":"BreadcrumbList","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/20\/fonts-an-introduction-to-typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/"},{"@type":"ListItem","position":2,"name":"Fonts &#8211; An introduction to Typography"}]},{"@type":"WebSite","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#website","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/","name":"Digital Learning","description":"Consult | Collaborate | Create","publisher":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#organization","name":"Digital Learning","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/logo\/image\/","url":"https:\/\/i2.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/09\/cropped-dltdevice.png?fit=512%2C512","contentUrl":"https:\/\/i2.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/09\/cropped-dltdevice.png?fit=512%2C512","width":512,"height":512,"caption":"Digital Learning"},"image":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/person\/d77b9cb556951771ede6dbeb6fe2a4a1","name":"Luke Kimber-Bradshaw","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/f6e935aadb7187106f535e311f0a952e0dde4fb0e11906a24742a03e3ffea4c5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f6e935aadb7187106f535e311f0a952e0dde4fb0e11906a24742a03e3ffea4c5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6e935aadb7187106f535e311f0a952e0dde4fb0e11906a24742a03e3ffea4c5?s=96&d=mm&r=g","caption":"Luke Kimber-Bradshaw"},"sameAs":["https:\/\/www.linkedin.com\/in\/lsearle\/?trk=nav_responsive_tab_profile","https:\/\/x.com\/LukedInLearning"],"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/author\/ls2u21\/"}]}},"_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts\/6728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/users\/4953"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/comments?post=6728"}],"version-history":[{"count":22,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts\/6728\/revisions"}],"predecessor-version":[{"id":8258,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts\/6728\/revisions\/8258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/media\/6846"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/media?parent=6728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/categories?post=6728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/tags?post=6728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}