{"id":29130,"date":"2020-02-12T21:14:53","date_gmt":"2020-02-12T13:14:53","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=29130"},"modified":"2023-06-29T14:55:25","modified_gmt":"2023-06-29T06:55:25","slug":"serif-vs-sans-serif","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/","title":{"rendered":"Typograph 101: Serif vs. Sans-Serif"},"content":{"rendered":"<p>At the stage of selecting <a href=\"https:\/\/www.hongkiat.com\/blog\/free-fonts-commercial-projects\/\">fonts<\/a>, a designer often asks himself, \u201cto Serif or Sans-Serif\u201d? <strong>Choosing the kind of typeface<\/strong> to use in a design is of utmost importance as it greatly affects <strong>readability, user experience<\/strong> and the overall aesthetics of the design.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/hand-drawn-fonts\/\" class=\"ref-block__link\" title=\"Read More: 40+ High-Quality Hand-Drawn Fonts\" rel=\"bookmark\"><span class=\"screen-reader-text\">40+ High-Quality Hand-Drawn Fonts<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/hand-drawn-fonts.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-4604 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/hand-drawn-fonts.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">40+ High-Quality Hand-Drawn Fonts<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tFind unique hand-drawn fonts for personal, artistic, and engaging projects.\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>Although, no matter how much experience you have with <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/understanding-typography-for-web\/\" rel=\"noopener noreferrer\">typography<\/a>, you can <strong>always get stuck in the serif vs. sans-serif dilemma<\/strong>. I personally think that a good way out of it is through <strong>understanding the very basics<\/strong> of serifs and sans-serifs, and this is just what this article aims to do.<\/p>\n<p>Let\u2019s take a look at the following write-up that <strong>highlights major differences between serif and sans-serif fonts<\/strong> for a better understanding of the two.<\/p>\n<h2>Where did serifs come from?<\/h2>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Serif\">Serifs<\/a> are <strong>small thin lines attached to the end of strokes in typefaces<\/strong>. They are believed to have originated from the Latin alphabet Romans used to etch their writings into stone.<\/p>\n<p>Although there is no universally accepted origin to this <strong>decorative piece in typography<\/strong>, it is believed that the Romans used to paint letters with outlines onto the stone, so when the stone carvers followed the brush marks, which flared at ends, <strong>that resulted in the creation of serifs<\/strong>.<\/p>\n<figure><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Serif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit\" alt=\"serif example\" width=\"700\" height=\"185\"><\/a><\/figure>\n<h2>What about sans-serif?<\/h2>\n<p>Sans-serif, on the other hand, <strong>literally means \"without serifs\"<\/strong>. Any font that is absent of these dangling strokes at the end of each corner, can be considered as a sans-serif font.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/sans-serif.jpg?newedit\" alt=\"sans-serif example\" width=\"700\" height=\"161\"><\/figure>\n<p>Knowing this, <strong>how can the choice of going with serifs or sans-serif<\/strong> affect your design? Here are a few things to consider:<\/p>\n<h2>Readability<\/h2>\n<p>Readability is often measured as <strong>how easily a reader can digest the content<\/strong>. Of course, as vision is usually subjective, there are a lot of factors that come into play including the <strong>interest level or the reader, and how the content is arranged<\/strong> in the block or space that it has been given.<\/p>\n<p>The \"old school\" method of presenting text uses serifs for a reason. Did you ever think <strong>why most newspapers use serif typefaces for their content?<\/strong> Because serifs are easier to read. These little decorative lines in each character guide your eyes fluidly as your move from line to line and join the letters together which makes <strong>reading longer texts less taxing for your eyes<\/strong>.<\/p>\n<p>The spaces between letters (since you have to take the serifs into account when it comes to spacing) also <strong>gives more room for the reader to easily identify letters from each other<\/strong>.<\/p>\n<p>Look at the example below and you would notice that the <strong>serif fonts create an easier reading experience to the eye<\/strong> because it creates gaps between the letters and the words. This makes moving your eye from one word to another easier.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif-sans-serif-example.jpg?newedit\" alt=\"readability\" width=\"700\" height=\"444\"><\/figure>\n<p>On the other hand, <strong>the serif font becomes more difficult to read<\/strong> using the same spacing. This is because the separation of each letter is smaller as you <strong>don\u2019t have to put the serifs into account when spacing it<\/strong>.<\/p>\n<h2>Legibility<\/h2>\n<p><strong>Legibility is the quality and clarity of lettering<\/strong>. This concerns fine details of the typeface and is essential because it helps the reader differentiate one character from another. This <strong>differs to readability because the latter is concerned mostly in approaching the content as a whole<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/readability.jpg?newedit\" alt=\"legibility\" width=\"738\" height=\"467\"><\/figure>\n<p>In the case of the image above, <strong>the lower case L and I for sans serif in Arial look pretty much alike<\/strong>. Imagine typing the word \u201cIllinois\u201d.<\/p>\n<p>Here\u2019s to emphasize my point.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/readability-2.jpg?newedit\" alt=\"legibility\" width=\"700\" height=\"332\"><\/figure>\n<p>However, it is important to note that if your typeface is illegible, it can never become readable. But there many cases of legible types that can appear unreadable because of <strong>how they are spaced or scaled<\/strong> relative to their design purpose.<\/p>\n<p>Alex Poole wrote a <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/alexpoole.info\/blog\/which-are-more-legible-serif-or-sans-serif-typefaces\/\">well-explained article<\/a> comparing serif and sans-serif fonts in an attempt to find out which was more legible.<\/p>\n<p><strong>According to him, there are five features to note when it comes to legibility:<\/strong><\/p>\n<ul>\n<li>Serif or Sans-serif<\/li>\n<li>Point Size<\/li>\n<li>X-Height<\/li>\n<li>Counters<\/li>\n<li>Ascenders and Descenders<\/li>\n<\/ul>\n<p>Poole concluded, basing from arguments that support both sides, that there really was <strong>no difference in legibility when it comes to typeface selection<\/strong>. He also noted that there is a possibility that serifs or the lack of them can affect legibility <strong>but the difference is not even measurable<\/strong>.<\/p>\n<p>However, he said that:<\/p>\n<blockquote><p>Greater difference in legibility can easily be found within members of the same type family than <strong>between a serif and a sans serif typeface<\/strong>. There are also other factors such as x-height, counter size, letter spacing and stroke width which are more <strong>significant for legibility than the presence or absence of serifs<\/strong>.<\/p><\/blockquote>\n<h2>Scaling and Resolution<\/h2>\n<p>Text in web design isn\u2019t static. It can differ from screen to screen and would need to be scalable. This is done <strong>so that the text would still be readable<\/strong> despite the screen size.<\/p>\n<p>In this area, it is safe to say that <strong>sans-serif wins the battle as it is more flexible to scaling<\/strong>. Sans-serif fonts are much easier to provide emphasis and readability in smaller resolutions <strong>since they survive smearing due to the lack of detail in them<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/time-cover.jpg?newedit\" alt=\"scaling and resolution\" width=\"700\" height=\"933\"><\/figure>\n<p><small>Image source: <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/content.time.com\/time\/covers\/asia\/0,16641,20100823,00.html\">TIME<\/a><\/small><\/p>\n<p>Here is a prime <strong>example of how serif is used badly<\/strong>. Take a look at the bottom paragraph on the Time Magazine cover above and you\u2019ll easily notice how relatively <strong>hard it is to read, as it does not flow easily<\/strong> especially with that small size. But notice how perfect the effect is as it transitioned to sans serif for \u201cJonathan Franzen\u201d.<\/p>\n<p>The same is true when a sans-serif font is blown up. The scale of the typeface <strong>retains its general shape and makes it more recognizable<\/strong>. So, when it comes to scaling, sans-serifs tend to be easily adapted into better sizes because they adjust well to <strong>smearing in small sizes and tearing in bigger ones<\/strong>.<\/p>\n<h2>To serif, or sans-serif?<\/h2>\n<p>So, what is the answer to the question?<\/p>\n<p>Well, we can say that it is an obvious tie. Choosing between sans-serif and serif fonts <strong>ultimately boils down to your purpose of using the text<\/strong>. If the text you are styling supposed to stay on almost the same size? Then you would want better readability <strong>which makes serif a better choice<\/strong>.<\/p>\n<p>On the other hand, if you want to make the <strong>text part of a responsive website<\/strong>, then choosing a sans-serif font might be wiser since you don\u2019t want your text to appear too small to read.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/magazine.jpg?newedit\" alt=\"gq magazine\" width=\"700\" height=\"344\"><\/figure>\n<p><small>Image source: <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.gq-magazine.co.uk\/\">GQ<\/a><\/small><\/p>\n<p>Take a look at these <strong>GQ magazine covers that use both serif and sans serif fonts<\/strong>. The general consensus is that serif fonts are used on formal and printed materials, <strong>while sans serif is mostly used on the web<\/strong>. But in this case, both were used, and if you will notice it\u2019s always the name of the cover model that is in serif, thus emphasizing it.<\/p>\n<h2>Some final words<\/h2>\n<p>Just remember that <strong>consistency is the key<\/strong>. Your choice of font needs to go with the overall aesthetics of the design you are creating. You can <strong>mix and match typefaces that are similar<\/strong>, dabble with resizing them in order to figure out which works. However, remember that you are doing this so that the <strong>user would understand the message<\/strong> and your design looks aesthetic as well.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/ultra-light-fonts\/\" class=\"ref-block__link\" title=\"Read More: 20 Free Ultra-Light Fonts\" rel=\"bookmark\"><span class=\"screen-reader-text\">20 Free Ultra-Light Fonts<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/ultra-light-fonts.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-19193 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/ultra-light-fonts.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">20 Free Ultra-Light Fonts<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tEnhance readability and aesthetic appeal in your web designs with these 20 free ultra-light fonts.\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>At the stage of selecting fonts, a designer often asks himself, \u201cto Serif or Sans-Serif\u201d? Choosing the kind of typeface to use in a design is of utmost importance as it greatly affects readability, user experience and the overall aesthetics of the design. Although, no matter how much experience you have with typography, you can&hellip;<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[866],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Typograph 101: Serif vs. Sans-Serif - Hongkiat<\/title>\n<meta name=\"description\" content=\"At the stage of selecting fonts, a designer often asks himself, &quot;to Serif or Sans-Serif&quot;? Choosing the kind of typeface to use in a design is of utmost\" \/>\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.hongkiat.com\/blog\/serif-vs-sans-serif\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typograph 101: Serif vs. Sans-Serif\" \/>\n<meta property=\"og:description\" content=\"At the stage of selecting fonts, a designer often asks himself, &quot;to Serif or Sans-Serif&quot;? Choosing the kind of typeface to use in a design is of utmost\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-12T13:14:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-29T06:55:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit\" \/>\n<meta name=\"author\" content=\"Rean\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rean\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/\"},\"author\":{\"name\":\"Rean\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/9055cf045c2ed578773e8a4e184ba621\"},\"headline\":\"Typograph 101: Serif vs. Sans-Serif\",\"datePublished\":\"2020-02-12T13:14:53+00:00\",\"dateModified\":\"2023-06-29T06:55:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/\"},\"wordCount\":1221,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/serif-vs-sans-serif\\\/serif.jpg?newedit\",\"keywords\":[\"Typography\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/\",\"name\":\"Typograph 101: Serif vs. Sans-Serif - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/serif-vs-sans-serif\\\/serif.jpg?newedit\",\"datePublished\":\"2020-02-12T13:14:53+00:00\",\"dateModified\":\"2023-06-29T06:55:25+00:00\",\"description\":\"At the stage of selecting fonts, a designer often asks himself, \\\"to Serif or Sans-Serif\\\"? Choosing the kind of typeface to use in a design is of utmost\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/serif-vs-sans-serif\\\/serif.jpg?newedit\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/serif-vs-sans-serif\\\/serif.jpg?newedit\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/serif-vs-sans-serif\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Typograph 101: Serif vs. Sans-Serif\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/9055cf045c2ed578773e8a4e184ba621\",\"name\":\"Rean\",\"description\":\"Rean is an operations specialist, growth hacker, and a consultant specializing in remote team setup and management.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/rean\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Typograph 101: Serif vs. Sans-Serif - Hongkiat","description":"At the stage of selecting fonts, a designer often asks himself, \"to Serif or Sans-Serif\"? Choosing the kind of typeface to use in a design is of utmost","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.hongkiat.com\/blog\/serif-vs-sans-serif\/","og_locale":"en_US","og_type":"article","og_title":"Typograph 101: Serif vs. Sans-Serif","og_description":"At the stage of selecting fonts, a designer often asks himself, \"to Serif or Sans-Serif\"? Choosing the kind of typeface to use in a design is of utmost","og_url":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-02-12T13:14:53+00:00","article_modified_time":"2023-06-29T06:55:25+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit","type":"","width":"","height":""}],"author":"Rean","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Rean","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/"},"author":{"name":"Rean","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/9055cf045c2ed578773e8a4e184ba621"},"headline":"Typograph 101: Serif vs. Sans-Serif","datePublished":"2020-02-12T13:14:53+00:00","dateModified":"2023-06-29T06:55:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/"},"wordCount":1221,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit","keywords":["Typography"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/","url":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/","name":"Typograph 101: Serif vs. Sans-Serif - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit","datePublished":"2020-02-12T13:14:53+00:00","dateModified":"2023-06-29T06:55:25+00:00","description":"At the stage of selecting fonts, a designer often asks himself, \"to Serif or Sans-Serif\"? Choosing the kind of typeface to use in a design is of utmost","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/serif-vs-sans-serif\/serif.jpg?newedit"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/serif-vs-sans-serif\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Typograph 101: Serif vs. Sans-Serif"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/9055cf045c2ed578773e8a4e184ba621","name":"Rean","description":"Rean is an operations specialist, growth hacker, and a consultant specializing in remote team setup and management.","url":"https:\/\/www.hongkiat.com\/blog\/author\/rean\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7zQ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=29130"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29130\/revisions"}],"predecessor-version":[{"id":67915,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29130\/revisions\/67915"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=29130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=29130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=29130"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=29130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}