{"id":2456,"date":"2012-05-16T11:03:49","date_gmt":"2012-05-16T15:03:49","guid":{"rendered":"http:\/\/www.pixel-shredder.com\/blog\/?p=2456"},"modified":"2012-05-16T11:03:49","modified_gmt":"2012-05-16T15:03:49","slug":"holy-crap-google-web-fonts","status":"publish","type":"post","link":"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/","title":{"rendered":"Holy Crap, Google Web Fonts"},"content":{"rendered":"<p>I remember hearing about\u00a0<a href=\"http:\/\/www.google.com\/webfonts#\">Google Web Fonts<\/a>\u00a0a while back and thinking, &#8220;Huh. This could be cool eventually.&#8221; Flash-forward to now, and I&#8217;m blown away by how much this pet project has progressed. Embeddable fonts aren&#8217;t just a neat trick anymore, limited to web developers with too much time and bandwidth on their hands. Now anyone with a modicum of development skill can drop unique, eye-catching fonts right into their site- not images, but real fonts.<\/p>\n<p>There are over 500 fonts, free to use, and importing them is as simple as copy\/pasting some code. They even threw in a handy gauge to show you how much of a strain the fonts will place on your page&#8217;s load times. I&#8217;m currently experimenting with importing some very style-specific fonts into my site&#8217;s splash page, and so far the process has been extra-simple. Anyone out there who&#8217;s into typography and web\/graphic design, should immediately add this site to their bag of tricks.<\/p>\n<div class=\"SPOSTARBUST-Related-Posts\"><H4>Related Awesome<\/H4><ul class=\"entry-meta\"><li class=\"SPOSTARBUST-Related-Post\"><a title=\"How to Save the Wii U, in 3 Simple Steps\" href=\"https:\/\/pixel-shredder.com\/blog\/how-save-wii-u-3-simple-steps\/\" rel=\"bookmark\">How to Save the Wii U, in 3 Simple Steps<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"Donglegate Should Be About Common Courtesy, Not Sexism\" href=\"https:\/\/pixel-shredder.com\/blog\/donglegate-common-courtesy-sexism\/\" rel=\"bookmark\">Donglegate Should Be About Common Courtesy, Not Sexism<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"The Case for Dropping the WWW From URLs in Advertising\" href=\"https:\/\/pixel-shredder.com\/blog\/dropping-www\/\" rel=\"bookmark\">The Case for Dropping the WWW From URLs in Advertising<\/a><\/li>\n<\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>I remember hearing about\u00a0Google Web Fonts\u00a0a while back and thinking, &#8220;Huh. This could be cool eventually.&#8221; Flash-forward to now, and I&#8217;m blown away by how much this pet project has progressed. Embeddable fonts aren&#8217;t just a neat trick anymore, limited to web developers with too much time and bandwidth on their hands. Now anyone with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[126,66],"tags":[9,6,350,194,120,78,68,349,335,336],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Holy Crap, Google Web Fonts - Paper Awesome<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Holy Crap, Google Web Fonts - Paper Awesome\" \/>\n<meta property=\"og:description\" content=\"I remember hearing about\u00a0Google Web Fonts\u00a0a while back and thinking, &#8220;Huh. This could be cool eventually.&#8221; Flash-forward to now, and I&#8217;m blown away by how much this pet project has progressed. Embeddable fonts aren&#8217;t just a neat trick anymore, limited to web developers with too much time and bandwidth on their hands. Now anyone with [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/\" \/>\n<meta property=\"og:site_name\" content=\"Paper Awesome\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PaperAwesome\" \/>\n<meta property=\"article:published_time\" content=\"2012-05-16T15:03:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pixel-shredder.com\/blog\/wp-content\/uploads\/2012\/05\/logo.jpg\" \/>\n<meta name=\"author\" content=\"Mike DeVine\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pixelSHREDDER\" \/>\n<meta name=\"twitter:site\" content=\"@PaperAwesome\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike DeVine\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/\",\"url\":\"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/\",\"name\":\"Holy Crap, Google Web Fonts - Paper Awesome\",\"isPartOf\":{\"@id\":\"https:\/\/pixel-shredder.com\/blog\/#website\"},\"datePublished\":\"2012-05-16T15:03:49+00:00\",\"dateModified\":\"2012-05-16T15:03:49+00:00\",\"author\":{\"@id\":\"https:\/\/pixel-shredder.com\/blog\/#\/schema\/person\/7edd96381b085348824c519645d9b52e\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pixel-shredder.com\/blog\/#website\",\"url\":\"https:\/\/pixel-shredder.com\/blog\/\",\"name\":\"Paper Awesome\",\"description\":\"Ideas, musings, rantings and brainfarts from an up-and-coming Creative\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pixel-shredder.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pixel-shredder.com\/blog\/#\/schema\/person\/7edd96381b085348824c519645d9b52e\",\"name\":\"Mike DeVine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixel-shredder.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3a0456208b9e5e03f4eef16c87817399?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3a0456208b9e5e03f4eef16c87817399?s=96&d=retro&r=g\",\"caption\":\"Mike DeVine\"},\"description\":\"Hey! I'm Mike. My goal in life is to use my skills in technology to make the world a better place; as such, I've gained experience in both the programming and artistic sides of digital development. I've tried to balance my work with a little bit of everything, from drawings and sketches to ActionScript. I figure the broader my knowledge and skills, the better I'll be able to work with others in specialized roles. Aside from playing video games, I try to keep my interests as broad as possible. There's no substitute for experience when it comes to good ideas, and so I try to soak up any new experience I can get- I never know when it may inspire me in my work. Journalism, electronics, inventing, landscaping, telemarketing- I've had experience working in so many fields it can be hard to keep track of it all sometimes. But it all inspires me in one way or another. Having an entrepreneurial spirit and an insatiable appetite for learning new things doesn't hurt either.\",\"sameAs\":[\"https:\/\/www.pixel-shredder.com\",\"https:\/\/twitter.com\/pixelSHREDDER\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Holy Crap, Google Web Fonts - Paper Awesome","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:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/","og_locale":"en_US","og_type":"article","og_title":"Holy Crap, Google Web Fonts - Paper Awesome","og_description":"I remember hearing about\u00a0Google Web Fonts\u00a0a while back and thinking, &#8220;Huh. This could be cool eventually.&#8221; Flash-forward to now, and I&#8217;m blown away by how much this pet project has progressed. Embeddable fonts aren&#8217;t just a neat trick anymore, limited to web developers with too much time and bandwidth on their hands. Now anyone with [&hellip;]","og_url":"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/","og_site_name":"Paper Awesome","article_publisher":"https:\/\/www.facebook.com\/PaperAwesome","article_published_time":"2012-05-16T15:03:49+00:00","og_image":[{"url":"https:\/\/www.pixel-shredder.com\/blog\/wp-content\/uploads\/2012\/05\/logo.jpg"}],"author":"Mike DeVine","twitter_card":"summary_large_image","twitter_creator":"@pixelSHREDDER","twitter_site":"@PaperAwesome","twitter_misc":{"Written by":"Mike DeVine","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/","url":"https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/","name":"Holy Crap, Google Web Fonts - Paper Awesome","isPartOf":{"@id":"https:\/\/pixel-shredder.com\/blog\/#website"},"datePublished":"2012-05-16T15:03:49+00:00","dateModified":"2012-05-16T15:03:49+00:00","author":{"@id":"https:\/\/pixel-shredder.com\/blog\/#\/schema\/person\/7edd96381b085348824c519645d9b52e"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pixel-shredder.com\/blog\/holy-crap-google-web-fonts\/"]}]},{"@type":"WebSite","@id":"https:\/\/pixel-shredder.com\/blog\/#website","url":"https:\/\/pixel-shredder.com\/blog\/","name":"Paper Awesome","description":"Ideas, musings, rantings and brainfarts from an up-and-coming Creative","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pixel-shredder.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/pixel-shredder.com\/blog\/#\/schema\/person\/7edd96381b085348824c519645d9b52e","name":"Mike DeVine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixel-shredder.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3a0456208b9e5e03f4eef16c87817399?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3a0456208b9e5e03f4eef16c87817399?s=96&d=retro&r=g","caption":"Mike DeVine"},"description":"Hey! I'm Mike. My goal in life is to use my skills in technology to make the world a better place; as such, I've gained experience in both the programming and artistic sides of digital development. I've tried to balance my work with a little bit of everything, from drawings and sketches to ActionScript. I figure the broader my knowledge and skills, the better I'll be able to work with others in specialized roles. Aside from playing video games, I try to keep my interests as broad as possible. There's no substitute for experience when it comes to good ideas, and so I try to soak up any new experience I can get- I never know when it may inspire me in my work. Journalism, electronics, inventing, landscaping, telemarketing- I've had experience working in so many fields it can be hard to keep track of it all sometimes. But it all inspires me in one way or another. Having an entrepreneurial spirit and an insatiable appetite for learning new things doesn't hurt either.","sameAs":["https:\/\/www.pixel-shredder.com","https:\/\/twitter.com\/pixelSHREDDER"]}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2231,"url":"https:\/\/pixel-shredder.com\/blog\/browser-based-wolfenstein-is-a-love-letter-to-the\/","url_meta":{"origin":2456,"position":0},"title":"Browser-Based Wolfenstein is a Love Letter to The Series&#8217; Roots","date":"May 9, 2012","format":false,"excerpt":"Bethesda put out a free browser-based version of Wolfenstein 3D, proving once again that browsers are the (eventual) future of PC gaming. Now if only Google could get wider adoption of WebGL.... Classic FPS Wolfenstein 3D Now Available In Your Browser To celebrate the 20th anniversary of classic first-person shooter\u2026","rel":"","context":"In &quot;Gaming&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2403,"url":"https:\/\/pixel-shredder.com\/blog\/adobe-edge-favorite\/","url_meta":{"origin":2456,"position":1},"title":"Adobe Edge is Already My New Favorite App, And It&#8217;s Not Even Out Yet","date":"May 13, 2012","format":false,"excerpt":"Adobe's new Edge program, part of the newly-released Creative Suite 6, basically does what Flash can do- create animations, interface design, etc.- but it does it with HTML5 and JavaScript. It's basically a frontend for HTML5's incredibly powerful Canvas element. I cannot WAIT to dive into this app.","rel":"","context":"In &quot;Tech&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9,"url":"https:\/\/pixel-shredder.com\/blog\/google-co-founder-china-apple-facebook-threaten-the-open-web-cnn-com\/","url_meta":{"origin":2456,"position":2},"title":"Google Co-Founder: China, Apple, Facebook Threaten The &#39;Open Web&#39; &#8211; CNN.com","date":"April 16, 2012","format":false,"excerpt":"Google co-founder: China, Apple, Facebook threaten the 'open Web' - CNN.comGoogle's search engine was created when most of the Web's information was open and available to anyone willing to capture it. In today's more restrictive environment, Google co-founder Sergey Brin and...This was posted on Google+\u2026","rel":"","context":"In &quot;Google+&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18,"url":"https:\/\/pixel-shredder.com\/blog\/why-google-drive-matters-but-apis-matter-more\/","url_meta":{"origin":2456,"position":3},"title":"Why Google Drive Matters But APIs Matter More","date":"April 25, 2012","format":"link","excerpt":"Why Google Drive matters but APIs matter more","rel":"","context":"In &quot;Ideas &amp; Projects&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3537,"url":"https:\/\/pixel-shredder.com\/blog\/kogan-internet-explorer-7-tax\/","url_meta":{"origin":2456,"position":4},"title":"Kogan Imposes World&#8217;s First Internet Explorer 7 Tax","date":"June 14, 2012","format":false,"excerpt":"\u00a0As a consumer, I'm outraged; yet as a designer\/ developer, I'm tempted to stand up and slow clap. Aussie online retailer Kogan has imposed a 6.8% tax on all purchases by visitors who view their site on Internet Explorer 7. Customers who do choose to visit Kogan's site via IE7\u2026","rel":"","context":"In &quot;Funny&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2300,"url":"https:\/\/pixel-shredder.com\/blog\/im-going-to-build-this-and-see-if-i-cant-use-it\/","url_meta":{"origin":2456,"position":5},"title":"This Dude Made a Spherical Display- Now He&#8217;s Made a Spherical Input Device to Control it With","date":"May 10, 2012","format":false,"excerpt":"I'm going to build this, and see if I can't use it to help me build my new Iron Man suit.Inertial Control Orb for Desktop Spherical DisplayI've previously identified Nirav Patel's homebrew spherical display unit, which I first covered in September 2011, as the coolest thing I wrote about that\u2026","rel":"","context":"In &quot;Google+&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/posts\/2456"}],"collection":[{"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/comments?post=2456"}],"version-history":[{"count":2,"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/posts\/2456\/revisions"}],"predecessor-version":[{"id":2693,"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/posts\/2456\/revisions\/2693"}],"wp:attachment":[{"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/media?parent=2456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/categories?post=2456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixel-shredder.com\/blog\/wp-json\/wp\/v2\/tags?post=2456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}