{"id":640,"date":"2015-01-05T17:28:58","date_gmt":"2015-01-05T17:28:58","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/studio8\/?page_id=640"},"modified":"2015-03-07T05:04:51","modified_gmt":"2015-03-07T05:04:51","slug":"adobe-typekit-integration","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/adobe-typekit-integration\/","title":{"rendered":"Adobe Typekit Integration"},"content":{"rendered":"<h2 class=\"hard-start\">Creating an account<\/h2>\n<p>First, you will need to create an account on Typekit.com. You can choose from any of their plans, including the Free Plan; all paid plans are free for the first thirty days, so you can try Typekit out risk-free.<\/p>\n<h5>Choose some fonts<\/h5>\n<p>Once you\u2019ve created your account, choose some fonts! When you find a font you want to use, click \u201cUse Fonts\u201d on the font card or on the font detail page. Select the Web tab in the window that opens, and then \u201ccreate a new kit\u201d. <a href=\"http:\/\/help.typekit.com\/customer\/portal\/articles\/786466-using-typekit-with-a-self-hosted-wordpress-site\" target=\"_blank\">Please refer to this article to learn more about this process<\/a>.<\/p>\n<h5>Setting your site for Typekit<\/h5>\n<ul class=\"ordered\">\n<li>Go to the <strong>Themes Options<\/strong> menu items within Appearance. Then click on <strong>Google Web Fonts<\/strong> tab.<\/li>\n<li>Turn <strong>Off<\/strong> the State option. Save Changes.<\/li>\n<li>Go to the <strong>Custom Code<\/strong> tab within the Theme Options.<\/li>\n<li>Within the <strong>Header JavaScript Code<\/strong>, paste your Typekit embed code.<\/li>\n<li>In the same section, use the <strong>Custom CSS*<\/strong> box to customize your font stack CSS. Refer to the following code example:\n<pre class=\"lang:css decode:true \" >html, body {\r\n    font-family: \"futura-pt\", sans-serif;\r\n    font-weight: 400;\r\n    font-size: 18px;\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: \"futura-pt\", sans-serif;\r\n    font-weight: 500;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;    \r\n}<\/pre>\n<\/li>\n<li>Hit <strong>Save Changes<\/strong>.<\/li>\n<\/ul>\n<div class=\"clear cf\" style=\"margin-top:12px;margin-bottom:12px\"><\/div>\n<div class=\"alert-info\">* When entering custom CSS codes, your web server need to create a <strong>dynamic.css<\/strong> file within the theme folder. Make sure your files are writable by the web server.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creating an account First, you will need to create an account on Typekit.com. You can choose from any of their plans, including the Free Plan; all paid plans are free for the first thirty days, so you can try Typekit out risk-free. Choose some fonts Once you\u2019ve created your account, choose some fonts! When you&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/adobe-typekit-integration\/\" title=\"Read Adobe Typekit Integration\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":617,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/640"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=640"}],"version-history":[{"count":1,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/640\/revisions"}],"predecessor-version":[{"id":1454,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/640\/revisions\/1454"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/617"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}