{"id":1484,"date":"2012-03-10T15:43:02","date_gmt":"2012-03-10T22:43:02","guid":{"rendered":"http:\/\/www.techory.com\/blog\/?p=1484"},"modified":"2012-03-10T16:29:20","modified_gmt":"2012-03-10T23:29:20","slug":"get-the-look-use-font-face-css3-like-the-stars","status":"publish","type":"post","link":"https:\/\/www.techory.com\/blog\/get-the-look-use-font-face-css3-like-the-stars\/","title":{"rendered":"Get the Look: Use @Font-Face + CSS3 Like the Stars"},"content":{"rendered":"<p><strong>Saturday, March 10 5:00PM &#8211; 6:00PM<br \/><\/strong>Sean McBride Web Dev Adobe Typekit<\/p>\n<p>Taking iconic sign styles and transforming them into the web using web technologies.<\/p>\n<p><strong>Ideas vs. Forms<br \/><\/strong>Idea -&gt; Design System -&gt; Form<\/p>\n<p>Many times we try to go from an original form to a new form without any sort of consideration of where it came from and how exactly to get it into that new form.<\/p>\n<p><strong>@font-face<br \/><\/strong>Call @font-face and point to the URL of the web font.<\/p>\n<p>CSS Transform will let you rotate the font on the page.<\/p>\n<p><strong>@text-shadow<br \/><\/strong>you can add offset and color as well as multiple shadows to text. (this is not supported in IE9)<\/p>\n<p><strong>mask<br \/><\/strong>you can use an image to hide and show certain elements using transparency in PNG images. (unofficial property, so it won&#8217;t work in many browsers &#8211; currently only webkit browsers)<\/p>\n<p>Slides and visuals from this presentation located at: <a href=\"http:\/\/seanmcb.com\/sxsw2012\/\">http:\/\/seanmcb.com\/sxsw2012\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Saturday, March 10 5:00PM &#8211; 6:00PMSean McBride Web Dev Adobe Typekit Taking iconic sign styles and transforming them into the web using web technologies. Ideas vs. FormsIdea -&gt; Design System -&gt; Form Many times we try to go from an original form to a new form without any sort of consideration of where it came&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/www.techory.com\/blog\/get-the-look-use-font-face-css3-like-the-stars\/\" title=\"Read Get the Look: Use @Font-Face + CSS3 Like the Stars\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-1484","post","type-post","status-publish","format-standard","hentry","category-sxsw"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts\/1484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/comments?post=1484"}],"version-history":[{"count":1,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts\/1484\/revisions"}],"predecessor-version":[{"id":1485,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts\/1484\/revisions\/1485"}],"wp:attachment":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/media?parent=1484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/categories?post=1484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/tags?post=1484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}