{"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>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>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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"55\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema-1024x75.png?resize=755%2C55&#038;ssl=1\" alt=\"A sentence that is being measured against the four components.\" class=\"wp-image-6730\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema.png?resize=1024%2C75&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema.png?resize=300%2C22&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema.png?resize=768%2C57&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Schema.png?w=1276&amp;ssl=1 1276w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><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>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>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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" id=\"6733\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/LC-alphabet-1.png?resize=755%2C47&#038;ssl=1\" alt=\"\" width=\"755\" height=\"47\" class=\"image-compare__image-before\" \/><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" id=\"6734\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/UC-alphabet-2.png?resize=755%2C47&#038;ssl=1\" alt=\"\" width=\"755\" height=\"47\" class=\"image-compare__image-after\" \/><\/div><figcaption>Components of uppercase and lowercase letters.<\/figcaption><\/figure>\n\n\n\n<p>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>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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" 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=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-1.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" 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=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-light-1.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" 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=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Weight-letter-heavy-1.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1.png?resize=177%2C177&#038;ssl=1\" alt=\"The Letter A with the bottom serifs colour in. \" class=\"wp-image-6744\" width=\"177\" height=\"177\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1.png?w=214&amp;ssl=1 214w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/image-1.png?resize=45%2C45&amp;ssl=1 45w\" sizes=\"auto, (max-width: 177px) 100vw, 177px\" \/><figcaption class=\"wp-element-caption\">Letter &#8220;A&#8221; with coloured serifs<\/figcaption><\/figure><\/div>\n\n\n<p>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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6746\" data-id=\"6746\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Garamond-Old-Style.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6748\" data-id=\"6748\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Times-New-Roman-transitional.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6747\" data-id=\"6747\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Modern-no.20-Didone.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6745\" data-id=\"6745\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Elephant-slab-Serif.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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>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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6755\" data-id=\"6755\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Franklin-Gothic-Grotesque.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6754\" data-id=\"6754\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Helvetica-Neo-Grotesque.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6753\" data-id=\"6753\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Fira-Sans-Humanistic.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6752\" data-id=\"6752\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png?resize=755%2C425\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/12\/Century-Gothic-Geometric.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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>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>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>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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"152\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6808\" data-id=\"6808\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614-1024x206.png?resize=755%2C152&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614.png?resize=1024%2C206&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614.png?resize=300%2C60&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614.png?resize=768%2C155&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-italics-e1642001584614.png?w=1101&amp;ssl=1 1101w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"128\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-6809\" data-id=\"6809\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782-1024x174.png?resize=755%2C128&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782.png?resize=1024%2C174&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782.png?resize=300%2C51&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782.png?resize=768%2C130&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Street-reverse-e1642001660782.png?w=1101&amp;ssl=1 1101w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><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>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>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>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<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"755\" height=\"425\" src=\"https:\/\/www.youtube.com\/embed\/FETH0xQ8-bo?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-GB&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/cms-assets.tutsplus.com\/cdn-cgi\/image\/width%3D850\/uploads\/users\/2056\/posts\/35382\/image\/FuturaFontHistory_FuturaSpecimen.jpg?resize=368%2C435&#038;ssl=1\" alt=\"A Futura typeset poster.\" width=\"368\" height=\"435\" \/><figcaption class=\"wp-element-caption\">The Futura font<\/figcaption><\/figure><\/div>\n\n\n<p>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>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>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>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><\/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":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"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 v27.4 - 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:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg?fit=2192%2C1441&ssl=1\",\"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:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg?fit=2192%2C1441&ssl=1\",\"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:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2022\\\/01\\\/Typewriter.jpeg?fit=2192%2C1441&ssl=1\",\"contentUrl\":\"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\",\"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:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg?fit=2192%2C1441&ssl=1","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:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg?fit=2192%2C1441&ssl=1","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:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/Typewriter.jpeg?fit=2192%2C1441&ssl=1","contentUrl":"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","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\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_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","jetpack_shortlink":"https:\/\/wp.me\/paQv07-1Kw","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":7685,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2023\/04\/14\/digital-learning-intern-the-roadshow-event\/","url_meta":{"origin":6728,"position":0},"title":"Digital Learning Intern &#8211; The Roadshow Event","author":"Wordpress Admin","date":"14 April 2023","format":false,"excerpt":"My first day as an intern began with an informative roadshow event which worked to introduce and familiarise the many roles and responsibilities at the Education Services. It was exciting to see how changes are being made across higher education and also interesting to hear how future learning has been\u2026","rel":"","context":"In &quot;Events&quot;","block_context":{"text":"Events","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/events\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/IMG_8903.jpg?fit=1170%2C773&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/IMG_8903.jpg?fit=1170%2C773&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/IMG_8903.jpg?fit=1170%2C773&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/IMG_8903.jpg?fit=1170%2C773&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/IMG_8903.jpg?fit=1170%2C773&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":411,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2017\/11\/02\/reflecting-alt-c\/","url_meta":{"origin":6728,"position":1},"title":"Reflecting on ALT-C","author":"Anna Ruff","date":"2 November 2017","format":false,"excerpt":"Problems in education are rarely unique: my solution or experience might help you.\u00a0 That\u2019s at the heart of ALT-C, the annual conference of the Association of Learning Technologists. A key theme of this year\u2019s conference was \u201cmoving from the practical to the \u2018publishable\u2019\u201d: considering how small-scale projects might be implemented\u2026","rel":"","context":"In &quot;Innovation&quot;","block_context":{"text":"Innovation","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/innovation\/"},"img":{"alt_text":"Two women looking at a laptop with the caption 'Reflecting on ALT-C'.","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/11\/ALT-C.png?fit=876%2C532&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/11\/ALT-C.png?fit=876%2C532&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/11\/ALT-C.png?fit=876%2C532&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/11\/ALT-C.png?fit=876%2C532&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1808,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2019\/04\/10\/ecoffee-sgh-universal-design-for-learning\/","url_meta":{"origin":6728,"position":2},"title":"ecoffee @ SGH: Universal Design for Learning","author":"Tamsyn Smith","date":"10 April 2019","format":false,"excerpt":"What is Universal Design for Learning? Why does UDL matter? To understand what Universal Design for Learning (UDL) is, firstly, we need to look back at the origins of Universal Design. Architect Ron Mace coined the term \"universal design\" to describe the concept of designing all products and the built\u2026","rel":"","context":"In &quot;Events&quot;","block_context":{"text":"Events","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/events\/"},"img":{"alt_text":"Birds-eye view of people drinking coffee around a table with laptop and tablet used to represent ecoffee at SGH.","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/07\/ecoffee%40sgh.jpg?fit=1000%2C607&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/07\/ecoffee%40sgh.jpg?fit=1000%2C607&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/07\/ecoffee%40sgh.jpg?fit=1000%2C607&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/07\/ecoffee%40sgh.jpg?fit=1000%2C607&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1570,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2019\/01\/28\/accessibility-for-articulate-storyline-are-you-wcag-compliant\/","url_meta":{"origin":6728,"position":3},"title":"Accessibility for Articulate storyline \u2013 Are you WCAG compliant?","author":"Mimi Lee","date":"28 January 2019","format":false,"excerpt":"Here in the Digital Media team, we are busy updating our eLearning content to meet the Web Content Accessibility Guideline (WCAG 2.1) AA level to ensure that our learning content is usable by the majority of learners. I am mindful that there are quite a few people throughout the University\u2026","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Close up of a pen and a notebook.","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2018\/03\/aaron-burden-123584-unsplash.jpg?fit=1200%2C901&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2018\/03\/aaron-burden-123584-unsplash.jpg?fit=1200%2C901&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2018\/03\/aaron-burden-123584-unsplash.jpg?fit=1200%2C901&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2018\/03\/aaron-burden-123584-unsplash.jpg?fit=1200%2C901&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2018\/03\/aaron-burden-123584-unsplash.jpg?fit=1200%2C901&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":7721,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2023\/04\/27\/text-contrast-made-easy\/","url_meta":{"origin":6728,"position":4},"title":"How can we make accessible text colour choices at the University of Southampton?","author":"Matthew Deeprose","date":"27 April 2023","format":false,"excerpt":"Simple tools and techniques are available that help University of Southampton staff make accessible colour choices when presenting text.","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Sufficient contrast helps your text stand out and be accessible","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6857,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2022\/01\/19\/structure-blackboard-vle-awards\/","url_meta":{"origin":6728,"position":5},"title":"Structure: Blackboard &amp; VLE Awards","author":"Anna Ruff","date":"19 January 2022","format":false,"excerpt":"Another 10-minute overview, to celebrate the 10th anniversary of the University\u2019s Blackboard & VLE Awards! In the video below we explore the Best Structure category, one of ten different awards on offer this year.","rel":"","context":"In &quot;Events&quot;","block_context":{"text":"Events","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/events\/"},"img":{"alt_text":"Text: Blackboard & VLE Awards - Structure with a cheerful female student working on a laptop in the background","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/VLE-Awards-Structure.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/VLE-Awards-Structure.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/VLE-Awards-Structure.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/VLE-Awards-Structure.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2022\/01\/VLE-Awards-Structure.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_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}]}}