{"id":1426,"date":"2016-09-18T16:38:49","date_gmt":"2016-09-18T16:38:49","guid":{"rendered":"http:\/\/endcrawl.com\/blog\/?p=1426"},"modified":"2022-05-25T18:12:02","modified_gmt":"2022-05-25T18:12:02","slug":"difference-between-font-and-typeface","status":"publish","type":"post","link":"http:\/\/endcrawl.com\/blog\/difference-between-font-and-typeface\/","title":{"rendered":"The Difference Between a Font and a Typeface"},"content":{"rendered":"<p class=\"p1\"><span class=\"s1\">\u201cTypeface\u201d and \u201cfont\u201d are related concepts, but they\u2019re not the same thing. We often use them interchangeably in conversation\u2014even design professionals are guilty of this sometimes. Here\u2019s the difference:<\/span><\/p>\n<ul class=\"ol1\">\n<li class=\"li1\"><span class=\"s1\">A <em>typeface<\/em> is a collection of glyphs\u2014letters, numbers, and symbols\u2014that comprise the overall type design.<\/span><\/li>\n<li class=\"li1\"><span class=\"s1\">A <em>font<\/em> is a digital file that implements the\u00a0design.<\/span><\/li>\n<\/ul>\n<p class=\"p2\">Put another way:<\/p>\n<ul>\n<li class=\"p2\"><span class=\"s2\"><strong>Helvetica<\/strong> is a typeface.<\/span><\/li>\n<li class=\"p2\"><strong><span class=\"s3\">Helvetica Ultra Light Extended Oblique.otf<\/span><\/strong><span class=\"s2\"> is a font.<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\">To borrow some language from the Library of Congress, a typeface is the <i>work<\/i> whereas a font is the <i>manifestation<\/i> of that work. A piece of cast metal type used in physical typesetting would be another example of a <i>manifestation<\/i> of the typeface.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">A font file typically implements a single weight and style. For example, <strong>Myriad Pro Bold Oblique<\/strong>\u00a0and <strong>Myriad Pro Light<\/strong> are two different fonts, even though they belong to the same typeface family.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">98% of the time, when someone says \u201cfont\u201d, they probably\u00a0mean \u201ctypeface\u201d.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">And yes, we sometimes we use the word \u201cfont\u201d incorrectly in our articles&#8217; titles. Why? Because it\u2019s important to know the difference, but there\u2019s also no need to be pedantic when your SEO is at stake.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Font&#8221; and &#8220;typeface&#8221; don&#8217;t mean the same thing. Here&#8217;s the difference.<\/p>\n","protected":false},"author":1,"featured_media":1432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,5],"tags":[],"_links":{"self":[{"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/posts\/1426"}],"collection":[{"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/comments?post=1426"}],"version-history":[{"count":15,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/posts\/1426\/revisions"}],"predecessor-version":[{"id":1437,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/posts\/1426\/revisions\/1437"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/media\/1432"}],"wp:attachment":[{"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/media?parent=1426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/categories?post=1426"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/endcrawl.com\/blog\/wp-json\/wp\/v2\/tags?post=1426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}