{"id":475,"date":"2015-05-03T20:24:21","date_gmt":"2015-05-03T23:54:21","guid":{"rendered":"http:\/\/wordpress.local\/collektion\/?page_id=475"},"modified":"2015-05-09T17:20:51","modified_gmt":"2015-05-09T17:20:51","slug":"type-settings","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/type-settings\/","title":{"rendered":"Type Settings"},"content":{"rendered":"<h4>Choose the best fonts.<\/h4>\n<p>You should invest a little bit of your times (and money if you can) by browsing the Google Fonts library and\/or Adobe Typekit. Collektion is currently demonstrated by using Adobe Typekit&#8217;s font library for absolute better font rendering on any devices.<\/p>\n<h5>Default Type Settings<\/h5>\n<p>Collektion will use Safe Web Fonts and Google Web Fonts when installed and activated on your WordPress installation. You will need to import our Theme Settings in order to complete the installation. If you want to modify the current Type Settings, navigate to <code>Appearance -&gt; Theme Options -&gt; Type Settings<\/code>.<\/p>\n<h5>Google Web Fonts<\/h5>\n<p>Default Body Font &#8211; Source Sans Pro<br \/>\nDefault Headings Font &#8211; Source Sans Pro<br \/>\nDefault Accent Font &#8211; Cardo<\/p>\n<h6>Standard \/ Google Webfonts CSS<\/h6>\n<p>Copy &amp; paste the following CSS block to your Theme Options if you plan to use Safe Web Fonts or Google Web Fonts.<\/p>\n<pre><code>body, .field, .lead {\r\n    {{sbwp_body_font}}\r\n    color: {{sbwp_body_font_color}};\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n    {{sbwp_heading_font}}\r\n    color: {{sbwp_heading_font_color}};\r\n}\r\n.sb-slidebar ul li a {\r\n    {{sbwp_font_typekit_headings_font}}\r\n}\r\n.accent, h2 + h3, .wp-caption-text, blockquote p {\r\n    {{sbwp_accent_font}}\r\n    font-weight: 400 !important;\r\n    color: {{sbwp_accent_font_color}};\r\n}\r\n.accent {\r\n    font-style: italic;\r\n}<\/code><\/pre>\n<h5>Adobe Typekit<\/h5>\n<p>Default Body Font &#8211; Source Sans Pro<br \/>\nDefault Headings Font &#8211; Source Sans Pro<br \/>\nDefault Accent Font &#8211; Adobe Garamond Pro<\/p>\n<h6>Typekit Custom CSS<\/h6>\n<p>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 class=\"external\" target=\"_blank\" href=\"http:\/\/help.typekit.com\/customer\/portal\/articles\/786466-using-typekit-with-a-self-hosted-wordpress-site\">Please refer to this article to learn more about this process<\/a>.<\/p>\n<p>Copy &amp; paste the following CSS block to your Theme Options if you plan to use Adobe Typekit.<\/p>\n<pre><code>body, .field, .lead {\r\n    font-family: \"{{sbwp_font_typekit_body_font}}\", sans-serif;\r\n    color: {{sbwp_font_typekit_body_color}};\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: \"{{sbwp_font_typekit_headings_font}}\", sans-serif;\r\n    color: {{sbwp_font_typekit_headings_color}};\r\n}\r\n.sb-slidebar ul li a {\r\n    font-family: \"{{sbwp_font_typekit_headings_font}}\", sans-serif;\r\n}\r\n.accent, h2 + h3, .wp-caption-text, blockquote p {\r\n    font-family: \"{{sbwp_font_typekit_accent_font}}\", serif;\r\n    font-weight: 400 !important;\r\n    color: {{sbwp_font_typekit_accent_color}};\r\n}\r\n.accent {\r\n    font-style: italic;\r\n}<\/code><\/pre>\n<p><samp>* 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.<\/samp><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Choose the best fonts. You should invest a little bit of your times (and money if you can) by browsing the Google Fonts library and\/or Adobe Typekit. Collektion is currently demonstrated by using Adobe Typekit&#8217;s font library for absolute better font rendering on any devices. Default Type Settings Collektion will use Safe Web Fonts and&#8230;  <a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/type-settings\/\" title=\"Read Type Settings\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":407,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/475"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":2,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/475\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/475\/revisions\/760"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/407"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/media?parent=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}