{"id":95,"date":"2020-07-01T08:23:32","date_gmt":"2020-07-01T08:23:32","guid":{"rendered":"http:\/\/design.saydev.co.uk\/say-blog\/\/?p=95"},"modified":"2020-11-12T19:18:00","modified_gmt":"2020-11-12T19:18:00","slug":"the-evolution-of-web-fonts","status":"publish","type":"post","link":"https:\/\/www.saywebdesign.co.uk\/blog\/the-evolution-of-web-fonts\/","title":{"rendered":"The Evolution of Web Fonts"},"content":{"rendered":"<p>When the Internet took its first steps into the world, the standard for websites was basic black text aligned to the left and positioned over a light grey background. Links tended to follow the same pattern as today \u2013 links in blue, visited links in purple and all links underlined. Hardly a thrill-ride, but seriously advanced and impressive at the time.<\/p>\n<p>It\u2019s almost impossible to imagine web design where there were any visual limitations whatsoever \u2013 especially those concerning aspects as simple as fonts. But just as with all elements of web design, fonts have evolved massively over the years.<\/p>\n<h2><strong>1994 \u2013 1996: Courier<\/strong><\/h2>\n<p>Back at the origins of the web, it was <em>Courier <\/em>that set the standard and burst onto the scene. Having first been the standard for typewriters and subsequently keyboards, it was only natural for the Courier font to go on to debut on the web with its simple, understated and very slightly \u2018techy\u2019 feel to it. Not that it made websites look anything other than dull, but they always say the first step is the most important.<\/p>\n<h2><strong>1996 \u2013 1997: Times New Roman<\/strong><\/h2>\n<p>Boasting a taller stature and serifs, <em>Times New Roman <\/em>came along as an exponentially more sophisticated web font just a couple of years later. Internet Explorer, Netscape Navigator (remember that one?) and plenty of other browsers began using this font as standard, making content both easier to read and more impressive presentation-wise. This was also about the same time the white background first began appearing.<\/p>\n<h2><strong>1997 &#8211; 2000: Arial<\/strong><\/h2>\n<p>The mass exodus away from <em>Times New Roman <\/em>in favour of <em>Arial <\/em>happened pretty quickly, taking over as the new web standard worldwide. It was the scalability of the font that made it such a huge hit, along with its clean, crisp and relatively elegant overall appearance.<\/p>\n<h2><strong>2000 &#8211; 2004: Verdana<\/strong><\/h2>\n<p>One of the reasons why <em>Verdana <\/em>would then go on to become a web staple was the way in which it was still clearly legible when shrunk down to a very small size. This in turn made it ideal for those looking to squeeze as much as possible into every page, or make the most of limited-size banners, navigation menus and so on.<\/p>\n<h2><strong>2000 &#8211; 2004: Tahoma<\/strong><\/h2>\n<p><em>Verdana <\/em>found itself sharing the stage with <em>Tahoma <\/em>to a certain extent, which gained massive traction after becoming the standard font used by Microsoft for both Windows and Hotmail. Even today, it remains the font of choice for some pretty huge sites and services \u2013 one of which being Facebook.<\/p>\n<h2><strong>2004 &#8211; 2007: Trebuchet<\/strong><\/h2>\n<p>The rise of <em>Trebuchet<\/em> \u2013 a comparatively hip and trendy font \u2013 can be credited largely to the fact that PC and laptop screens suddenly started getting A LOT bigger. There was largely no need for tiny fonts anymore, given the additional display real estate available.<\/p>\n<h2><strong>2007 &#8211; ?:\u00a0Georgia<\/strong><\/h2>\n<p>Last but not least, <em>Georgia<\/em> took over with a convincing lead as the font of choice for millions of websites \u2013 its use with WordPress having guaranteed it fame and fortune. Often referred to as the big brother of <em>Times New Roman<\/em>, it\u2019s even made it to the likes of the <em>New York Times <\/em>website, having been noted for its superb readability and elegance.<\/p>\n<p>The fonts we refer to above are often referred to as \u2018web safe\u2019 fonts as they are standard fonts that form the \u201cfont kit\u201d in most people\u2019s computers and therefore can be loaded easily form a user\u2019s library. Before 2000 you could only really use these 6 fonts on your website! Pretty boring! Now with the help of various developments in font kits we can use practically any font we want by embedding them onto the website\u2019s server. These fonts may take a little longer to load, but on the plus side it means web design does not have to be restricted by fonts anymore.<\/p>\n<p>Contact Say Web Design today to discuss the right font for your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When the Internet took its first steps into the world, the standard for websites was basic black text aligned to the left and positioned over a light grey background. Links tended to follow the same pattern as today \u2013 links in blue, visited links in purple and all links underlined. Hardly a thrill-ride, but seriously &hellip; <a href=\"https:\/\/www.saywebdesign.co.uk\/blog\/the-evolution-of-web-fonts\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;The Evolution of Web Fonts&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":96,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[],"class_list":["post-95","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-branding-creative-design","category-market-insight"],"aioseo_notices":[],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":1,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/95\/revisions\/97"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/media\/96"}],"wp:attachment":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}