{"id":16309,"date":"2012-05-28T09:09:05","date_gmt":"2012-05-28T07:09:05","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=16309"},"modified":"2012-05-28T09:09:05","modified_gmt":"2012-05-28T07:09:05","slug":"responsive-typography","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2012\/05\/28\/responsive-typography\/","title":{"rendered":"Responsive typography"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>I&#8217;ve recently made yet another attempt to do so some web design myself. \u00a0Of course that ended up being a total fiasco, like every single time before that. \u00a0But as every single time before that, I&#8217;ve learned something new. \u00a0This time, my focus was around typography. \u00a0The current trend towards a gadzillion web fonts is probably one of the biggest changes in web design that I see. \u00a0Google Web Fonts alone is a resource one could spend countless hours at.<\/p>\n<p>And just as I&#8217;ve wrapped up and threw away my web design attempt, I came across an article <a href=\"http:\/\/informationarchitects.net\/blog\/responsive-typography\/\">on responsive typography<\/a>. \u00a0And the very first paragraph of it confirmed what I have realized myself.<\/p>\n<blockquote><p>With the chaos of different screen sizes and a new generation of web browsers, the design paradigms of layout and typography have shifted away from static layouts and system fonts to dynamic layouts and custom web fonts. Now, screens are changing not just in size, but also in pixel density. In other words: we do not just need responsive layouts, we also need\u00a0<em>responsive typefaces<\/em>.<\/p><\/blockquote>\n<p>Unlike me though, the authors seems to have a pretty good idea of what they are talking about.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>I&#8217;ve recently made yet another attempt to do so some web design myself. \u00a0Of course that ended up being a total fiasco, like every single time before that. \u00a0But as every single time before that, I&#8217;ve learned something new. \u00a0This time, my focus was around typography. \u00a0The current trend towards a gadzillion web fonts is &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2012\/05\/28\/responsive-typography\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Responsive typography<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1141,3010,1157],"keyring_services":[],"class_list":["post-16309","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-mobile","tag-typography","tag-web-design"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22239,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/fitting-and-inflating-text-and-videos-with-responsive-web-design\/","url_meta":{"origin":16309,"position":0},"title":"Fitting and inflating text and videos with responsive web design","author":"Leonid Mamchenkov","date":"July 21, 2014","format":false,"excerpt":"There are plenty of solutions around for scaling images. Text and videos on the other hand - not so much. Here are a few that are handy: FitVids.js - a lightweight, easy-to-use jQuery plugin for fluid width video embeds. FitText.js - a jQuery plugin for inflating web type. Letterings.js -\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24863,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/10\/19\/playing-with-type\/","url_meta":{"origin":16309,"position":1},"title":"Playing with type","author":"Leonid Mamchenkov","date":"October 19, 2015","format":false,"excerpt":"\"Playing with type\" article discusses some of the issues related to typography and typesetting, and how to work around those. \u00a0Some of the services mentioned are: Typography.com Typekit Google Fonts Myfonts Fontsquirrel Typewolf Typecast Update (November 15, 2018): Also have a look at this tool.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16554,"url":"https:\/\/mamchenkov.net\/wordpress\/2012\/07\/23\/adobe-typekit-the-easiest-way-to-use-real-fonts-on-your-website\/","url_meta":{"origin":16309,"position":2},"title":"Adobe Typekit &#8211; The easiest way to use Real Fonts on your website","author":"Leonid Mamchenkov","date":"July 23, 2012","format":"link","excerpt":"Adobe Typekit - The easiest way to use Real Fonts on your website","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25048,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/12\/12\/random-fonts-and-colors-for-each-wordpress-blog\/","url_meta":{"origin":16309,"position":3},"title":"Random fonts and colors for each WordPress blog post","author":"Leonid Mamchenkov","date":"December 12, 2015","format":false,"excerpt":"Here is an interesting web design idea that adds uniqueness to the website : use a random font for post titles, and use random color schemes for each post. \u00a0 To hell with consistency you say? \u00a0Well, apparently, being random is being consistent too. Picked up the thought from this\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16803,"url":"https:\/\/mamchenkov.net\/wordpress\/2012\/10\/05\/pictonic-font-with-popular-logos-and-icons\/","url_meta":{"origin":16309,"position":4},"title":"Pictonic &#8211; font with popular logos and icons","author":"Leonid Mamchenkov","date":"October 5, 2012","format":"link","excerpt":"Pictonic - font with popular logos and icons","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2012\/10\/pictonic-sample-500x154.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18310,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/06\/04\/how-to-add-google-fonts-into-your-wordpress\/","url_meta":{"origin":16309,"position":5},"title":"How to add Google fonts into your WordPress","author":"Leonid Mamchenkov","date":"June 4, 2013","format":"link","excerpt":"How to add Google fonts into your WordPress Use Google to generate the CSS for the font, then include it using wp_register_style() and\/or wp_enqueue_style() WordPress functions. \u00a0This should probably be generalized to accept font name parameters, as well as probably moved out into a plugin.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/16309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=16309"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/16309\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=16309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=16309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=16309"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=16309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}