[26-Feb-2026 00:31:13 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 {"id":8190,"date":"2012-04-25T17:55:28","date_gmt":"2012-04-25T15:55:28","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=8190"},"modified":"2016-04-12T22:33:28","modified_gmt":"2016-04-12T14:33:28","slug":"future-of-web-typography","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/","title":{"rendered":"The Future of Web Typography"},"content":{"rendered":"

When a computer displays text, it uses fonts to display different styles of typeface. There are standard fonts such as Arial <\/strong>and Verdana<\/strong>, however, there are huge lists of fonts available to web developers and designers which don\u2019t come pre-installed onto your computer, these are non-standard fonts.<\/p>\n

\"The<\/p>\n

If you looked at a website that had one of these non-standard fonts, and the font was not already on your computer, it is quite possible the text would refer back to a default font (Arial) meaning the site would not be displayed in the way the designer wanted it to be received.<\/p>\n

<\/p>\n

So what can a designer do to ensure all users see the site in the way they intended? Where there was once limited flexibility, there are now many options to implementing these non-standard fonts.<\/p>\n

Google Web Fonts API<\/h2>\n

The Google Web Fonts API is a favourite for many designers, as it is easy to implement and new fonts are added to the directory on a very regular basis. It uses a content delivery network (CDN) to host the font files, but where other applications further in this article rely on JavaScript to render the fonts, this API uses CSS.<\/p>\n

There is an extensive list of fonts to be found at google.com\/webfonts<\/a> and implementing the font has been made easy.<\/p>\n

Upon choosing the font you are given a line of code to be placed on the site, then all that is needed is to add the name of the font to the font-family<\/strong> attribute in the CSS, in the same way that you would for a standard font.<\/p>\n

The advantage to using the Google API over others is in the speed at which content is delivered to the end user, making for a better user experience, but at the same time the designer is only limited to the fonts hosted on the CDN.<\/p>\n

CSS3<\/h2>\n

Instead of using a content delivery network to host the fonts, it is possible to dost them on the same server as your website. This process uses the CSS3 attribute @font-face<\/strong>, this can then be linked to within the font-family attribute to specify which ids, classes and tags are going to use the font.<\/p>\n

The trouble with using this technique, is that for the font to render correctly in all the different browsers, the @font-face attribute needs to link to four different file types, this can limit the choice of fonts, but sites such as fontsquirrel.com\/fontface<\/a> have a huge collection of already packaged fonts.<\/p>\n

This techniques is fairly new, but as more people start to realise the benefits of having these lightweight fonts in the CSS, more and more fonts will start to have all four types. What would have been better is if all browsers used the same file type in the first place.<\/p>\n

Typekit<\/h2>\n

Typekit<\/a> from Adobe allows developers to include fonts that are hosted on their CDN in a similar manner to the Google Webfonts, but involves setting up an account and specifying which domains they are to be used on. You will then be sent two JavaScript files to include on your site.<\/p>\n

The obvious problem is that not all users will have JavaScript enabled for it to work properly, and as the process is quite lengthy, it can result in a barrier for the beginner, and is far from being a free service.<\/p>\n

Cufon<\/h2>\n

This is a technique using JavaScript and vector graphics. The process involves them writing fonts from a font file to the browser. This technique means you can use any font available by visiting cufon.shoqolate.com\/generate<\/a> and selecting which font to use and in turn this tool will generate the relevant JavaScript for your site.<\/p>\n

You will need to include the files onto your site, along with the Cufon JavaScript framework. With the amount of calls to JavaScript that this technique uses, it can increase the time it takes for the site to load, so what you gain in flexibility, you lose in site speed.<\/p>\n","protected":false},"excerpt":{"rendered":"

When a computer displays text, it uses fonts to display different styles of typeface. There are standard fonts such as Arial and Verdana, however, there are huge lists of fonts available to web developers and designers which don\u2019t come pre-installed onto your computer, these are non-standard fonts. If you looked at a website that had […] More<\/a><\/p>\n","protected":false},"author":1,"featured_media":8192,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[61],"tags":[],"adace-sponsor":[],"class_list":{"0":"post-8190","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-typography"},"acf":[],"yoast_head":"\nThe Future of Web Typography - CrazyLeaf Design Blog<\/title>\n<meta name=\"description\" content=\"Some of the best ways to implement non-standard fonts, also known as web fonts into your website designs.\" \/>\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.crazyleafdesign.com\/blog\/future-of-web-typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Future of Web Typography - CrazyLeaf Design Blog\" \/>\n<meta property=\"og:description\" content=\"Some of the best ways to implement non-standard fonts, also known as web fonts into your website designs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/\" \/>\n<meta property=\"og:site_name\" content=\"CrazyLeaf Design Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:published_time\" content=\"2012-04-25T15:55:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-12T14:33:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"120\" \/>\n\t<meta property=\"og:image:height\" content=\"120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"CrazyLeaf Editorial\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:site\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CrazyLeaf Editorial\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/\"},\"author\":{\"name\":\"CrazyLeaf Editorial\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"headline\":\"The Future of Web Typography\",\"datePublished\":\"2012-04-25T15:55:28+00:00\",\"dateModified\":\"2016-04-12T14:33:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/\"},\"wordCount\":678,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg\",\"articleSection\":[\"Typography\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/\",\"name\":\"The Future of Web Typography - CrazyLeaf Design Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg\",\"datePublished\":\"2012-04-25T15:55:28+00:00\",\"dateModified\":\"2016-04-12T14:33:28+00:00\",\"author\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"description\":\"Some of the best ways to implement non-standard fonts, also known as web fonts into your website designs.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg\",\"contentUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg\",\"width\":\"120\",\"height\":\"120\",\"caption\":\"Font styles in black\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphic Design\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/graphic-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typography\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/graphic-design\/typography\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"The Future of Web Typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/\",\"name\":\"CrazyLeaf Design Blog\",\"description\":\"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\",\"name\":\"CrazyLeaf Editorial\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"caption\":\"CrazyLeaf Editorial\"},\"description\":\"Follow us on Twitter @crazyleaf , Facebook , Pinterest\",\"sameAs\":[\"https:\/\/crazyleafdesign.com\/blog\",\"https:\/\/www.facebook.com\/crazyleafdesign\",\"https:\/\/x.com\/crazyleaf\"],\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Future of Web Typography - CrazyLeaf Design Blog","description":"Some of the best ways to implement non-standard fonts, also known as web fonts into your website designs.","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.crazyleafdesign.com\/blog\/future-of-web-typography\/","og_locale":"en_US","og_type":"article","og_title":"The Future of Web Typography - CrazyLeaf Design Blog","og_description":"Some of the best ways to implement non-standard fonts, also known as web fonts into your website designs.","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_author":"https:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2012-04-25T15:55:28+00:00","article_modified_time":"2016-04-12T14:33:28+00:00","og_image":[{"width":120,"height":120,"url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg","type":"image\/jpeg"}],"author":"CrazyLeaf Editorial","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"CrazyLeaf Editorial","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/"},"author":{"name":"CrazyLeaf Editorial","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"The Future of Web Typography","datePublished":"2012-04-25T15:55:28+00:00","dateModified":"2016-04-12T14:33:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/"},"wordCount":678,"commentCount":0,"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg","articleSection":["Typography"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/","name":"The Future of Web Typography - CrazyLeaf Design Blog","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg","datePublished":"2012-04-25T15:55:28+00:00","dateModified":"2016-04-12T14:33:28+00:00","author":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"description":"Some of the best ways to implement non-standard fonts, also known as web fonts into your website designs.","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#primaryimage","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg","width":"120","height":"120","caption":"Font styles in black"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/future-of-web-typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Graphic Design","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/graphic-design\/"},{"@type":"ListItem","position":3,"name":"Typography","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/graphic-design\/typography\/"},{"@type":"ListItem","position":4,"name":"The Future of Web Typography"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website","url":"https:\/\/www.crazyleafdesign.com\/blog\/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https:\/\/crazyleafdesign.com\/blog","https:\/\/www.facebook.com\/crazyleafdesign","https:\/\/x.com\/crazyleaf"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/"}]}},"jetpack_featured_media_url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2012\/04\/web-fonts-thumb.jpg","wps_subtitle":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/8190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=8190"}],"version-history":[{"count":2,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/8190\/revisions"}],"predecessor-version":[{"id":8194,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/8190\/revisions\/8194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media\/8192"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=8190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=8190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=8190"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=8190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}