{"id":2039,"date":"2016-12-18T13:08:09","date_gmt":"2016-12-18T19:08:09","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=2039"},"modified":"2016-12-18T13:08:09","modified_gmt":"2016-12-18T19:08:09","slug":"get-web-safe-fonts-with-awesome-fontstacks","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/get-web-safe-fonts-with-awesome-fontstacks\/","title":{"rendered":"Get Web Safe Fonts with Awesome Fontstacks"},"content":{"rendered":"<p><a href=\"http:\/\/awesome-fontstacks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Awesome Fontstacks<\/a> is a really great tool that can be used not only to create a beautiful font stack for your projects, but also to make sure that your font stacks have web safe options as backups, just in case. This way no matter what browser your user is on, or what type of machine they&#8217;re using, they&#8217;ll end up with a font that very closely resembles the style of your first choice font, even the first choice isn&#8217;t available to them.<\/p>\n<p><a href=\"http:\/\/awesome-fontstacks.com\/\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-2040 aligncenter\" src=\"http:\/\/cssnewbie.com\/wp-content\/uploads\/2016\/12\/Screen-Shot-2016-12-17-at-11.32.57-AM-1024x188.png\" alt=\"Screen Shot 2016-12-17 at 11.32.57 AM\" width=\"681\" height=\"125\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Awesome font stacks let you choose fonts for four different categories: headline, main text, decoration, and monospaced. Once you&#8217;ve chosen your four fonts, it gives you the links to download the font files and upload them to your site or server (this way they\u00a0<em>should<\/em> be available to every user), and they also provide you with CSS code that provide you with beautiful font stack options. All of the fonts in your font stacks with very closely compare to your first choice font, so that if for some reason your first choice doesn&#8217;t load properly, one of the web safe fonts that loads in its place will be a close second. If your font choices are really important to you, this is an indispensable tool to have at your disposal.<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Awesome Fontstacks is a really great tool that can be used not only to create a beautiful font stack for your projects, but also to make sure that your font stacks have web safe options as backups, just in case. [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/get-web-safe-fonts-with-awesome-fontstacks\/\" title=\"Click to read 'Get Web Safe Fonts with Awesome Fontstacks'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":2040,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2039"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2039\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/2040"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=2039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=2039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}