{"id":387,"date":"2009-02-09T14:41:27","date_gmt":"2009-02-09T20:41:27","guid":{"rendered":"http:\/\/webii.net\/blog\/?p=387"},"modified":"2022-01-27T16:45:12","modified_gmt":"2022-01-27T22:45:12","slug":"fonts-for-web","status":"publish","type":"post","link":"https:\/\/www.webii.net\/blog\/fonts-for-web\/","title":{"rendered":"Fonts for the Web"},"content":{"rendered":"<p>Suppose you have spent a good deal of time and money working on your company branding, and your business logo has a beautiful scripted font that you are ever so proud of. Having this fancy logo is certainly fine, but don&#8217;t count on translating that same font into all of the body text for your web pages.<\/p>\n<p>When it comes to viewing text on the Internet, you must remember that the way the text displays is reliant on <a href=\"https:\/\/www.webii.net\/mobile-web-design\/\">each individual&#8217;s computer type<\/a>, their font library, and their web browser. There are only a handful of fonts that are widely enough used that they are considered safe to use in web design. This list usually includes Arial, Helvetica, Verdana, and Times New Roman. There are a few other popular fonts since computer users are becoming savvier and font collections increase as software companies penetrate the market.<\/p>\n<p>To settle this compromise without totally compromising aesthetic design, <a href=\"https:\/\/www.webii.net\/website-services\/web-development\/\">web developers<\/a> can use a series of preferred fonts and backup fonts in their style sheets. For example, you might use Century Gothic as your first preference, followed by Arial (which is somewhat similar) and followed by sans-serif. This will tell the computer: If you have this first font, display it, if not, display the next one, and if still no cigar display the default font for this type.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suppose you have spent a good deal of time and money working on your company branding, and your business logo has a beautiful scripted font that you are ever so proud of. Having this fancy logo is certainly fine, but don&#8217;t count on translating that same font into all of the body text for your [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":10201,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[16,6,10,3,300],"tags":[40,42,235,244],"class_list":["post-387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-austin-web-design","category-marketing","category-quick-tips","category-web-design","category-www-learning-center","tag-fonts","tag-text-on-the-internet","tag-web-design","tag-web-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fonts for the Web<\/title>\n<meta name=\"description\" content=\"What fonts should you be using on your website? As professional web designers, we have the answer to that important question!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webii.net\/blog\/fonts-for-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fonts for the Web\" \/>\n<meta property=\"og:description\" content=\"What fonts should you be using on your website? As professional web designers, we have the answer to that important question!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webii.net\/blog\/fonts-for-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Marketing &amp; Web Development Company Blog - WEBii\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/webiinet\" \/>\n<meta property=\"article:published_time\" content=\"2009-02-09T20:41:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-27T22:45:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2009\/02\/Fonts-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jacqueline Sinex\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jacqueline Sinex\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/\"},\"author\":{\"name\":\"Jacqueline Sinex\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/person\\\/f4b38a14e3a80c2113ac6397739c77f6\"},\"headline\":\"Fonts for the Web\",\"datePublished\":\"2009-02-09T20:41:27+00:00\",\"dateModified\":\"2022-01-27T22:45:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/\"},\"wordCount\":229,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/02\\\/Fonts-Image.jpg\",\"keywords\":[\"fonts\",\"text on the Internet\",\"Web Design\",\"Web Development\"],\"articleSection\":[\"Austin Web Design\",\"Marketing\",\"Quick Tips\",\"Web Design\",\"WWW Learning Center\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/\",\"name\":\"Fonts for the Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/02\\\/Fonts-Image.jpg\",\"datePublished\":\"2009-02-09T20:41:27+00:00\",\"dateModified\":\"2022-01-27T22:45:12+00:00\",\"description\":\"What fonts should you be using on your website? As professional web designers, we have the answer to that important question!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/02\\\/Fonts-Image.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/02\\\/Fonts-Image.jpg\",\"width\":640,\"height\":960,\"caption\":\"Photo by Markus Spiske on Unsplash\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/fonts-for-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Austin Web Design\",\"item\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/category\\\/austin-web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Fonts for the Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/\",\"name\":\"Web Marketing &amp; Web Development Company Blog - WEBii\",\"description\":\"web design . web development . seo . marketing . web hosting . + more\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#organization\",\"name\":\"WEBii\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-banner-webii-seo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-banner-webii-seo.jpg\",\"width\":1200,\"height\":598,\"caption\":\"WEBii\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/person\\\/f4b38a14e3a80c2113ac6397739c77f6\",\"name\":\"Jacqueline Sinex\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/8b2\\\/8b2a612b27eed2b3a9f8e6a977e3a226x96.jpg\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/8b2\\\/8b2a612b27eed2b3a9f8e6a977e3a226x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/8b2\\\/8b2a612b27eed2b3a9f8e6a977e3a226x96.jpg\",\"caption\":\"Jacqueline Sinex\"},\"description\":\"Managing Director\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/webiinet\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/jsinex\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fonts for the Web","description":"What fonts should you be using on your website? As professional web designers, we have the answer to that important question!","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:\/\/www.webii.net\/blog\/fonts-for-web\/","og_locale":"en_US","og_type":"article","og_title":"Fonts for the Web","og_description":"What fonts should you be using on your website? As professional web designers, we have the answer to that important question!","og_url":"https:\/\/www.webii.net\/blog\/fonts-for-web\/","og_site_name":"Web Marketing &amp; Web Development Company Blog - WEBii","article_author":"https:\/\/www.facebook.com\/webiinet","article_published_time":"2009-02-09T20:41:27+00:00","article_modified_time":"2022-01-27T22:45:12+00:00","og_image":[{"width":640,"height":960,"url":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2009\/02\/Fonts-Image.jpg","type":"image\/jpeg"}],"author":"Jacqueline Sinex","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jacqueline Sinex","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#article","isPartOf":{"@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/"},"author":{"name":"Jacqueline Sinex","@id":"https:\/\/www.webii.net\/blog\/#\/schema\/person\/f4b38a14e3a80c2113ac6397739c77f6"},"headline":"Fonts for the Web","datePublished":"2009-02-09T20:41:27+00:00","dateModified":"2022-01-27T22:45:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/"},"wordCount":229,"publisher":{"@id":"https:\/\/www.webii.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2009\/02\/Fonts-Image.jpg","keywords":["fonts","text on the Internet","Web Design","Web Development"],"articleSection":["Austin Web Design","Marketing","Quick Tips","Web Design","WWW Learning Center"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/","url":"https:\/\/www.webii.net\/blog\/fonts-for-web\/","name":"Fonts for the Web","isPartOf":{"@id":"https:\/\/www.webii.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#primaryimage"},"image":{"@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2009\/02\/Fonts-Image.jpg","datePublished":"2009-02-09T20:41:27+00:00","dateModified":"2022-01-27T22:45:12+00:00","description":"What fonts should you be using on your website? As professional web designers, we have the answer to that important question!","breadcrumb":{"@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webii.net\/blog\/fonts-for-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#primaryimage","url":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2009\/02\/Fonts-Image.jpg","contentUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2009\/02\/Fonts-Image.jpg","width":640,"height":960,"caption":"Photo by Markus Spiske on Unsplash"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webii.net\/blog\/fonts-for-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webii.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Austin Web Design","item":"https:\/\/www.webii.net\/blog\/category\/austin-web-design\/"},{"@type":"ListItem","position":3,"name":"Fonts for the Web"}]},{"@type":"WebSite","@id":"https:\/\/www.webii.net\/blog\/#website","url":"https:\/\/www.webii.net\/blog\/","name":"Web Marketing &amp; Web Development Company Blog - WEBii","description":"web design . web development . seo . marketing . web hosting . + more","publisher":{"@id":"https:\/\/www.webii.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webii.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webii.net\/blog\/#organization","name":"WEBii","url":"https:\/\/www.webii.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webii.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2015\/12\/fb-banner-webii-seo.jpg","contentUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2015\/12\/fb-banner-webii-seo.jpg","width":1200,"height":598,"caption":"WEBii"},"image":{"@id":"https:\/\/www.webii.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webii.net\/blog\/#\/schema\/person\/f4b38a14e3a80c2113ac6397739c77f6","name":"Jacqueline Sinex","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webii.net\/blog\/wp-content\/wphb-cache\/gravatar\/8b2\/8b2a612b27eed2b3a9f8e6a977e3a226x96.jpg","url":"https:\/\/www.webii.net\/blog\/wp-content\/wphb-cache\/gravatar\/8b2\/8b2a612b27eed2b3a9f8e6a977e3a226x96.jpg","contentUrl":"https:\/\/www.webii.net\/blog\/wp-content\/wphb-cache\/gravatar\/8b2\/8b2a612b27eed2b3a9f8e6a977e3a226x96.jpg","caption":"Jacqueline Sinex"},"description":"Managing Director","sameAs":["https:\/\/www.facebook.com\/webiinet","https:\/\/www.linkedin.com\/in\/jsinex"]}]}},"_links":{"self":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/posts\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/comments?post=387"}],"version-history":[{"count":0,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/posts\/387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/media\/10201"}],"wp:attachment":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/media?parent=387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/categories?post=387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/tags?post=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}