{"id":13607,"date":"2016-09-17T03:45:20","date_gmt":"2016-09-17T03:45:20","guid":{"rendered":"http:\/\/blogs.vsb.bc.ca\/dkeller\/?page_id=13607"},"modified":"2016-09-17T17:47:56","modified_gmt":"2016-09-17T17:47:56","slug":"contemporary-style-typography","status":"publish","type":"page","link":"https:\/\/blogs.vsb.bc.ca\/dkeller\/contemporary-style-typography\/","title":{"rendered":"What is Typography"},"content":{"rendered":"<div class=\"entry-content\">\n<p>&nbsp;<\/p>\n<\/div>\n<h1 class=\"entry-title\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-13676\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus.jpg\" alt=\"typography___final_test_by_reevosaulus\" width=\"752\" height=\"1063\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus.jpg 752w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus-106x150.jpg 106w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus-212x300.jpg 212w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus-724x1024.jpg 724w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus-560x792.jpg 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus-260x368.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography___final_test_by_reevosaulus-160x226.jpg 160w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/h1>\n<div class=\"entry-content\">\n<address><span class=\"by\">by<\/span> <span class=\"username-with-symbol u\"><a class=\"u regular username\" href=\"http:\/\/reevosaulus.deviantart.com\/\">reevosaulus<\/a><\/span>\u00a0<\/address>\n<p><strong>Typography is much more than just graphic design or illustration with some text thrown in. It\u2019s an art form in itself that combines carefully chosen and arranged fonts with visual elements, sometimes as a relatively straightforward communication device and sometimes as artistic expression.<\/strong><\/p>\n<\/div>\n<h1><a href=\"http:\/\/www.siscottstudio.com\/\">Si Scott- I Love his\u00a0WORK!!!<\/a><\/h1>\n<p><a href=\"http:\/\/blog.hypetype.co.uk\/2009\/07\/si-scott-for-gap\/\">Si Scott at the GAP in Oakridge \u00a0How now is this?<\/a><br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-13616\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/10a.jpg\" alt=\"10a\" width=\"500\" height=\"708\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/10a.jpg 500w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/10a-106x150.jpg 106w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/10a-212x300.jpg 212w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/10a-260x368.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/10a-160x227.jpg 160w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>By S SI<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-13618\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/12-2.jpg\" alt=\"12\" width=\"500\" height=\"691\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/12-2.jpg 500w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/12-2-109x150.jpg 109w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/12-2-217x300.jpg 217w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/12-2-260x359.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/12-2-160x221.jpg 160w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>By S Si<\/p>\n<hr \/>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13677\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx.jpg\" alt=\"breakeven_by_renzgfx\" width=\"600\" height=\"800\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx.jpg 600w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx-113x150.jpg 113w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx-225x300.jpg 225w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx-560x747.jpg 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx-260x347.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/breakeven_by_renzgfx-160x213.jpg 160w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><span class=\"by\">by<\/span> <span class=\"username-with-symbol u\"><a class=\"u regular username\" href=\"http:\/\/renzgfx.deviantart.com\/\">RenzGFX<\/a><\/span><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Please take a look at these articles:<\/p>\n<h1 class=\"entry-title\"><span style=\"color: #0000ff\"><a style=\"color: #0000ff\" href=\"http:\/\/bluefaqs.com\/2010\/05\/60-amazing-typography-based-posters\/\">60 Amazing Typography-Based Posters<\/a><\/span><\/h1>\n<h1><span style=\"color: #0000ff\"><a style=\"color: #0000ff\" href=\"http:\/\/www.designjuices.co.uk\/2010\/06\/graphic-design-inspiration-typography-text-art\/\">I LOVE TYPOGRAPHY #7<\/a><\/span><\/h1>\n<div class=\"entry-content\">\n<h2>Here is a very good summation about Typography<\/h2>\n<h6><\/h6>\n<h6>THE ART OF TYPOGRAPHY[http:\/\/www.artyfactory.com\/graphic_design\/typography\/the_art_of_typography.htm]<\/h6>\n<p><strong><a name=\"tf\"><\/a><\/strong>TYPEFACES AND FONTS<\/p>\n<div>\n<p><strong>The original meanings of the words \u2018Typeface\u2019 and \u2018Font\u2019 have become blurred through common usage . Both now tend to be used to describe the various styles of letterforms available to designers and printers.<\/strong><\/p>\n<\/div>\n<p>TYPEFACES<\/p>\n<div>\n<p><strong>The term \u2018Typeface\u2019 was originally used to identify the design elements in a letter style e.g. bold,\u00a0underlined, or\u00a0<em>italic<\/em>.<\/strong><\/p>\n<p><a href=\"https:\/\/www.google.ca\/search?q=Typefaces&amp;rls=com.microsoft:en-US&amp;source=lnms&amp;tbm=isch&amp;sa=X&amp;ved=0ahUKEwjOhvXowJXPAhULwWMKHcleDn8Q_AUICCgB&amp;biw=1440&amp;bih=733\">Examples of typefaces<\/a><\/p>\n<\/div>\n<div><\/div>\n<div>\n<p><strong>Bold Type can add an emphasis or strength to the style of a font.<\/strong><\/p>\n<p><strong>Underlined Type is an effective way of emphasising the title of a document. It can also be used to call attention to an important section of text.<\/strong><\/p>\n<p><strong><em>Italic Type<\/em> can also emphasise an important word or passage of text, but it tends to be used in a more informal context. Italic fonts have an animated style and are often selected for designs where there is a need to convey the illusion of speed and energy.<\/strong><\/p>\n<\/div>\n<p>FONTS<\/p>\n<div>\n<p><strong>The term \u2018Font\u2019 was originally used to identify a family of typefaces. The fonts below are all members of the \u2018Futura\u2019 font family. Their height is measured in points \u2013 the standard unit for printed text. There are about 72 points to one inch.<\/strong><\/p>\n<div id=\"attachment_13679\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13679\" class=\"size-full wp-image-13679\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/futura.jpg\" alt=\"by Paul Renner\" width=\"320\" height=\"204\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/futura.jpg 320w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/futura-150x96.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/futura-300x191.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/futura-260x166.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/futura-160x102.jpg 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><p id=\"caption-attachment-13679\" class=\"wp-caption-text\">by Paul Renner<\/p><\/div>\n<\/div>\n<div>\n<p><strong>Although the above fonts are all the same height, note how their breadth varies according to their style. Some fonts are more suited to fitting into a confined area of a design, while others like to spread themselves out.<\/strong><\/p>\n<p><strong>There are two main font types:<\/strong><\/p>\n<\/div>\n<div>\n<div id=\"attachment_13652\" style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13652\" class=\"wp-image-13652 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/ss.png\" alt=\"ss\" width=\"326\" height=\"155\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/ss.png 326w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/ss-150x71.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/ss-300x143.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/ss-260x124.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/ss-160x76.png 160w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><p id=\"caption-attachment-13652\" class=\"wp-caption-text\">image sourse visualhierarchy.co<\/p><\/div>\n<\/div>\n<p><strong>Serifs are the extended corners at the ends of a letter and like all good design, they have evolved naturally. They originated in the stone-carved letters of the Ancient Romans. Stone masons discovered that it was technically easier to finish chiseling the ends of a letter in a slow curve. Not only did serifs look more elegant but they were also very practical as they formed a natural channel for water or rain to flow away as it cleaned dust from the corners.<\/strong><\/p>\n<p><strong>Serif fonts are the most legible and are commonly used for large blocks of text. Their wide horizontal baseline emphasises the line of text for the eye and makes reading more comfortable.<\/strong><\/p>\n<p><strong>Sans-serif fonts are simply fonts without serifs (<em>\u2018sans\u2019<\/em> means\u00a0<em>\u2018without\u2019<\/em> in French). They are also sometimes called gothic fonts.<\/strong><\/p>\n<p><strong><a name=\"ls\"><\/a><\/strong>LEGIBILITY AND STYLE<\/p>\n<p><strong>Fonts are usually selected for either their legibility or their stylistic effect.<\/strong><\/p>\n<p>THE LEGIBILITY OF A FONT<\/p>\n<p><strong>Legibility is the measure of how quickly a font can be read.<\/strong> <strong>The balance between legibility and style is one of the important factors to be considered when choosing a font for a design.<\/strong><\/p>\n<div>\n<div id=\"attachment_13680\" style=\"width: 480px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13680\" class=\"size-full wp-image-13680\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/B_legibility.jpg\" alt=\"Image source http:\/\/www.paperspecs.com\/paper-news\/6-tips-to-font-selection\/\" width=\"470\" height=\"344\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/B_legibility.jpg 470w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/B_legibility-150x110.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/B_legibility-300x220.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/B_legibility-260x190.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/B_legibility-160x117.jpg 160w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><p id=\"caption-attachment-13680\" class=\"wp-caption-text\">Image source paperspecs.com<\/p><\/div>\n<\/div>\n<div>\n<p><strong>Serif fonts like Times New Roman above are the easiest to read. They usually appeal more to an older target audience who are more concerned with content than style.<\/strong><\/p>\n<\/div>\n<div>\n<div id=\"attachment_13656\" style=\"width: 460px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13656\" class=\"wp-image-13656 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/less-legible.jpg\" alt=\"less-legible\" width=\"450\" height=\"446\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/less-legible.jpg 450w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/less-legible-150x150.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/less-legible-300x297.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/less-legible-260x258.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/less-legible-160x159.jpg 160w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-13656\" class=\"wp-caption-text\">Image source reinhardtart235.wordpress.com<\/p><\/div>\n<\/div>\n<div><\/div>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13682\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn.jpg\" alt=\"carn\" width=\"404\" height=\"404\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn.jpg 736w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn-150x150.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn-300x300.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn-560x560.jpg 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn-260x260.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/carn-160x160.jpg 160w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/p>\n<\/div>\n<div>\n<p><strong>Novelty fonts like Carnivale are fun but are less legible and tend to date quickly. They tend to appeal more to a younger target audience who often prefer style over content.<\/strong><\/p>\n<\/div>\n<div>\n<div id=\"attachment_13655\" style=\"width: 660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13655\" class=\"wp-image-13655 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script.png\" alt=\"leg-script\" width=\"650\" height=\"300\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script.png 650w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script-150x69.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script-300x138.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script-560x258.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script-260x120.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/leg-script-160x74.png 160w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><p id=\"caption-attachment-13655\" class=\"wp-caption-text\">Image source m.font.downloadatoz.com\/font,77917,bickham-script-fancy-2\/<\/p><\/div>\n<\/div>\n<div>\n<p><strong>Calligraphic or script fonts, especially in capitals, are often the most illegible.<\/strong><\/p>\n<\/div>\n<div>\n<div id=\"attachment_13683\" style=\"width: 430px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13683\" class=\"wp-image-13683 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/color-legibility.gif\" alt=\"color-legibility\" width=\"420\" height=\"325\" \/><p id=\"caption-attachment-13683\" class=\"wp-caption-text\">Image source artyfactory.com<\/p><\/div>\n<\/div>\n<p><strong>The choice of colour can also have a strong effect on the legibility of a font.<\/strong><\/p>\n<p>THE STYLE OF A FONT<\/p>\n<p><strong>Fonts can speak in a voice that reflects the style or emotion of the words they make. The elements of shape and colour help to communicate their meaning.<\/strong><\/p>\n<div>\n<div id=\"attachment_13684\" style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13684\" class=\"size-full wp-image-13684\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014.jpg\" alt=\"Image source http:\/\/luc.devroye.org\/fonts-61238.html\" width=\"1240\" height=\"820\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014.jpg 1240w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-150x99.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-300x198.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-768x508.jpg 768w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-1024x677.jpg 1024w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-560x370.jpg 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-260x172.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/StanleyMorrison-TimesNewRoman-1931-Poster-by-SebastianFelipeDiaz-2014-160x106.jpg 160w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><p id=\"caption-attachment-13684\" class=\"wp-caption-text\">Image source http:\/\/luc.devroye.org\/fonts-61238.html<\/p><\/div>\n<\/div>\n<p><strong>Based on the carved letterforms on the buildings of Ancient Rome and used as the typeface of The Times newspaper today, the \u2018Times New Roman\u2019 font represents the voice of authority. This idea is reinforced here by its dark blue colour \u2013 the colour of law enforcement.<\/strong><\/p>\n<p><strong>\u2018Times New Roman\u2019 was designed in 1931 by British designers Stanley Morison and Victor Lardent. However, certain authorities now dispute this and believe it to be the work of the American designer, Starling Burgess.<\/strong><\/p>\n<div>\n<div id=\"attachment_13633\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13633\" class=\"wp-image-13633 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA.png\" alt=\"bedrock-lighta\" width=\"700\" height=\"240\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA.png 700w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA-150x51.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA-300x103.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA-560x192.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA-260x89.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Bedrock-LightA-160x55.png 160w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-13633\" class=\"wp-caption-text\">Image source www.ffonts.net\/Bedrock-Light.font<\/p><\/div>\n<\/div>\n<p><strong>Various elements contribute to the sense of disorder in the \u2018Bedrock\u2019 font above. The primitive shape of each letterform is chiseled to form a crooked design, while the irregular arrangement and different colours heighten the effect.<\/strong><\/p>\n<p><strong>Designed in 1995, it was probably inspired by \u2018The Flinstones\u2019 who lived in Bedrock, and it reflects the anarchy of a cartoon world.<\/strong><\/p>\n<div>\n<div id=\"attachment_13647\" style=\"width: 401px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13647\" class=\"wp-image-13647 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/chiller.png\" alt=\"chiller\" width=\"391\" height=\"80\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/chiller.png 391w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/chiller-150x31.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/chiller-300x61.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/chiller-260x53.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/chiller-160x33.png 160w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><p id=\"caption-attachment-13647\" class=\"wp-caption-text\">image source corrinedartnell.blogspot.ca\/<\/p><\/div>\n<\/div>\n<p><strong>Anger is expressed in the aggressive and calculatingly crude calligraphy of the \u2018Chiller\u2019 font. It&#8217;s dangerous aura is amplified by the symbolic use of red \u2013 the colour of rage.<\/strong><\/p>\n<p><strong>\u2018Chiller\u2019 was created by the British designer, Andrew Smith.<\/strong><\/p>\n<div>\n<div id=\"attachment_13645\" style=\"width: 609px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13645\" class=\"wp-image-13645\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/VAG-Round.ttf_.png\" alt=\"vag-round-ttf\" width=\"599\" height=\"266\" \/><p id=\"caption-attachment-13645\" class=\"wp-caption-text\">Image source www.pickafont.com\/fonts\/Vag%20Round.html<\/p><\/div>\n<\/div>\n<p><strong>An ice cold blue colour, smooth rounded corners and a long relaxing shadow, all contribute to the feeling of calm in the \u2018VAG Rounded BT\u2019 font.<\/strong><\/p>\n<p><strong>BT stands for Bitstream, the company from Cambridge MA, USA who designed the font.<\/strong><\/p>\n<div>\n<div id=\"attachment_13642\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13642\" class=\"wp-image-13642 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1.png\" alt=\"ravie-ttf-1\" width=\"700\" height=\"300\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1.png 700w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1-150x64.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1-300x129.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1-560x240.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1-260x111.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF-1-160x69.png 160w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-13642\" class=\"wp-caption-text\">image source www.pickafont.com<\/p><\/div>\n<\/div>\n<p><strong>\u2018Ravie\u2019 has the energy and bouncy movement necessary for a fun-filled font. Bright primary colours enhance its cheerful form.<\/strong><\/p>\n<p><strong>\u2018Ravie\u2019 was designed by Ken O\u2019Brien in 1993-94 at the Art Center in Pasadena, California.<\/strong><\/p>\n<div>\n<div id=\"attachment_13644\" style=\"width: 285px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13644\" class=\"wp-image-13644 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/slipstream.png\" alt=\"slipstream\" width=\"275\" height=\"183\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/slipstream.png 275w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/slipstream-150x100.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/slipstream-260x173.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/slipstream-160x106.png 160w\" sizes=\"(max-width: 275px) 100vw, 275px\" \/><p id=\"caption-attachment-13644\" class=\"wp-caption-text\">Image source www.identifont.com<\/p><\/div>\n<\/div>\n<p><strong>The combination of italic type, graduated colour and blurred form creates the illusion of speed using the \u2018Slipstream LET\u2019 font.<\/strong><\/p>\n<p><strong>Slipstream was designed by the Letraset Type Studio.<\/strong><\/p>\n<div id=\"attachment_13649\" style=\"width: 447px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13649\" class=\"wp-image-13649\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Futura-XBlk-font.png\" alt=\"futura-xblk-font\" width=\"437\" height=\"81\" \/><p id=\"caption-attachment-13649\" class=\"wp-caption-text\">Image source www.freefontsdownload.net<\/p><\/div>\n<p><strong>By their nature bold fonts shout. \u2018Futura XBlk (extra black) BT\u2019 is a no nonsense, sans-serif font that gets its message across loud and clear.<\/strong><\/p>\n<p><strong>Paul Renner (1878-1956), a typographer associated with the Bauhaus in Germany designed the original Futura fonts. They were the most popular sans-serif fonts in the first half of the 20th century.<\/strong><\/p>\n<div>\n<div id=\"attachment_13688\" style=\"width: 614px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13688\" class=\"size-full wp-image-13688\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1.jpg\" alt=\"Image source stoneengravings.co.uk\" width=\"604\" height=\"242\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1.jpg 604w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1-150x60.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1-300x120.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1-560x224.jpg 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1-260x104.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/broadway-font-1-160x64.jpg 160w\" sizes=\"(max-width: 604px) 100vw, 604px\" \/><p id=\"caption-attachment-13688\" class=\"wp-caption-text\">Image source stoneengravings.co.uk<\/p><\/div>\n<\/div>\n<p><strong>Certain fonts inherit a reputation for style through their association with a particular time or place. \u2018Broadway Engraved\u2019 evokes the Art Deco era which was one of the most popular design movements of the early twentieth century. A metallic gold finish completes the stylish look.<\/strong><\/p>\n<p><strong>This font is based on \u2018Broadway\u2019 which was designed by Morris Fuller Benton between 1925-28.<\/strong><\/p>\n<p><strong><a name=\"ae\"><\/a><\/strong>THE ABSTRACT ELEMENTS OF TYPE<\/p>\n<p><strong>The interaction between the abstract elements of positive shape and negative space is an important consideration in the design of good typography.<\/strong><\/p>\n<p><strong>POSITIVE SHAPE \u2013 NEGATIVE SPACE<\/strong><\/p>\n<p><strong>By positive shape we mean the shape of the letter itself.<\/strong><\/p>\n<p><strong>By negative space we mean the background shapes between the letters.<\/strong><\/p>\n<div>\n<div id=\"attachment_13638\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13638\" class=\"wp-image-13638 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font.png\" alt=\"logan-font\" width=\"800\" height=\"592\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font.png 800w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font-150x111.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font-300x222.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font-768x568.png 768w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font-560x414.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font-260x192.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Logan-font-160x118.png 160w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-13638\" class=\"wp-caption-text\">Image source fonts.radio-electronics.co<\/p><\/div>\n<\/div>\n<p><strong>Equally balanced positive shapes and negative space interlock to create a strong architectural quality in the Logan font.<\/strong><\/p>\n<div>\n<div id=\"attachment_13639\" style=\"width: 659px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13639\" class=\"wp-image-13639 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/MiltonGlaser-GlaserStencilD-by-URW.gif\" alt=\"miltonglaser-glaserstencild-by-urw\" width=\"649\" height=\"405\" \/><p id=\"caption-attachment-13639\" class=\"wp-caption-text\">Image source luc.devroye.org<\/p><\/div>\n<\/div>\n<div>\n<p><strong>If you look closely you will see that a little trickery has been used to manipulate the positive shapes and negative space of this Stencil font.<\/strong><\/p>\n<\/div>\n<div>\n<div id=\"attachment_13650\" style=\"width: 340px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13650\" class=\"wp-image-13650 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Luftwaffe-Regular.png\" alt=\"luftwaffe-regular\" width=\"330\" height=\"90\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Luftwaffe-Regular.png 330w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Luftwaffe-Regular-150x41.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Luftwaffe-Regular-300x82.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Luftwaffe-Regular-260x71.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Luftwaffe-Regular-160x44.png 160w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><p id=\"caption-attachment-13650\" class=\"wp-caption-text\">Image source www.freefontsdownload.net<\/p><\/div>\n<\/div>\n<p><strong>A careful balance between positive and negative elements was essential to create the rhythm and vitality of this script font. Script or calligraphic fonts, like Luftwaffe, should be avoided if you are looking for legibility.<\/strong><\/p>\n<div>\n<div id=\"attachment_13643\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13643\" class=\"wp-image-13643 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_.png\" alt=\"ravie-ttf\" width=\"700\" height=\"300\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_.png 700w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_-150x64.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_-300x129.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_-560x240.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_-260x111.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Ravie.TTF_-160x69.png 160w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-13643\" class=\"wp-caption-text\">image source www.pickafont.com<\/p><\/div>\n<\/div>\n<div>\n<p><strong>Ravie is a fun font for those who place stylistic effect over legibility. Although it looks improvised and intuitive, there is a calculated balance between its positive shapes and negative spaces. This effect is made more visible by the circle which highlights its animated and abstract qualities.<\/strong><\/p>\n<\/div>\n<div>\n<div id=\"attachment_13636\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13636\" class=\"wp-image-13636 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font.png\" alt=\"elephant-font\" width=\"770\" height=\"280\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font.png 770w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font-150x55.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font-300x109.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font-768x279.png 768w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font-560x204.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font-260x95.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Elephant-font-160x58.png 160w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><p id=\"caption-attachment-13636\" class=\"wp-caption-text\">Image source fonts.com<\/p><\/div>\n<\/div>\n<p><strong>The elephant is a beast of burden and the Elephant font reflects this quality. Like steel girders, its characters look to be able to support a great weight. The balance between the strength and delicacy of their positive and negative forms adds a sense of refinement to this typographic powerhouse.<\/strong><\/p>\n<div>\n<div id=\"attachment_13646\" style=\"width: 630px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13646\" class=\"wp-image-13646 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2.png\" alt=\"wide_latin_font_preview_17950_2\" width=\"620\" height=\"208\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2.png 620w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2-150x50.png 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2-300x101.png 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2-560x188.png 560w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2-260x87.png 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/Wide_Latin_font_preview_17950_2-160x54.png 160w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><p id=\"caption-attachment-13646\" class=\"wp-caption-text\">Image source www.fonts101.com<\/p><\/div>\n<\/div>\n<p><strong>The interaction between the positive and negative shapes of the Wide Latin font evokes the dynamic forms of Geometric Abstraction in mid 20th century painting.<\/strong><\/p>\n<p>From <a href=\"http:\/\/www.artyfactory.com\/graphic_design\/graphic_design_lesson\/graphic_design_lesson_1.htm\"><strong>artyfactory.com<\/strong><\/a><\/p>\n<p>Try out our graphic design lessons on:<\/p>\n<p><a href=\"http:\/\/www.artyfactory.com\/graphic_design\/designing_a_logotype\/designing_a_logotype.htm\">DESIGNING A LOGOTYPE<\/a><\/p>\n<p><a href=\"http:\/\/www.artyfactory.com\/graphic_design\/graphic_design_lesson\/graphic_design_lesson_1.htm\">HOW TO DEVELOP CREATIVE IDEAS FOR GRAPHICS<\/a><\/p>\n<\/div>\n<div class=\"entry-content\">\n<hr \/>\n<p><strong><em>Some Excellent design\/style \u00a0sites:<\/em><\/strong><\/p>\n<p><a href=\"http:\/\/www.graphicdesignblog.org\/2009-logo-trends\/\">An Exciting Showcase of 2009 Logo Trends<\/a><\/p>\n<p><a href=\"http:\/\/www.smashingmagazine.com\/2009\/01\/14\/web-design-trends-for-2009\/\">Web Design Trends For 2009<\/a><\/p>\n<p><a href=\"http:\/\/www.youthedesigner.com\/2009\/03\/18\/25-gorgeous-graphic-designer-folios\/\">25-gorgeous-graphic-designer-folios<\/a><\/p>\n<h2><a href=\"http:\/\/www.graphicdesignblog.org\/black-white-typography-graphic-design\/\">Black &amp; White Typography\u2013Wonders of Graphic Design<\/a><\/h2>\n<p><a href=\"http:\/\/mashable.com\/2009\/03\/16\/design-inspiration\/\">100 Great Resources for Design Inspiration<\/a><\/p>\n<div id=\"attachment_13609\" style=\"width: 440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13609\" class=\"wp-image-13609 size-full\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography-15.jpg\" alt=\"typography-15\" width=\"430\" height=\"520\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography-15.jpg 430w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography-15-124x150.jpg 124w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography-15-248x300.jpg 248w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography-15-260x314.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/typography-15-160x193.jpg 160w\" sizes=\"(max-width: 430px) 100vw, 430px\" \/><p id=\"caption-attachment-13609\" class=\"wp-caption-text\">by Craig Ward<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; by reevosaulus\u00a0 Typography is much more than just graphic design or illustration with some text thrown in. It\u2019s an art form in itself that combines carefully chosen and arranged fonts with visual elements, sometimes as a relatively straightforward communication&hellip;<\/p>\n<p class=\"more-link-p\"><a class=\"more-link\" href=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/contemporary-style-typography\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13607","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages\/13607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/comments?post=13607"}],"version-history":[{"count":12,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages\/13607\/revisions"}],"predecessor-version":[{"id":13690,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages\/13607\/revisions\/13690"}],"wp:attachment":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/media?parent=13607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}