{"id":410,"date":"2012-07-13T13:20:33","date_gmt":"2012-07-13T13:20:33","guid":{"rendered":"https:\/\/www.frozenlogistic.com\/?p=410"},"modified":"2013-05-20T07:06:43","modified_gmt":"2013-05-20T07:06:43","slug":"fonts-settings-2","status":"publish","type":"post","link":"https:\/\/www.frozenlogistic.com\/?p=410","title":{"rendered":"Fonts settings"},"content":{"rendered":"<p>One of the key elements which has influence on website&#8217;s look is an appropriate choice of fonts used for text presentation.<\/p>\n<p>GavernWP allows to choose fonts easily which are assigned to CSS selectors specified by a user.<\/p>\n<p>In order to simplify support for many fonts on one page, GavernWP supports groups of fonts &#8211; each group allows to assign a font given to selectors chosen by a user:<\/p>\n<p><a href=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-883\" alt=\"meetgavernwp_fonts1\" src=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts1.jpg\" width=\"641\" height=\"489\" \/><\/a><\/p>\n<p>Groups of fonts are defined in a configuration file called <strong>fonts.json<\/strong>. Adding a new group of fonts is very easy &#8211; it is enough to define the next object of a form:<\/p>\n<p>[code]{<br \/>\n\u00abfull_name\u00bb: \u00abFull name of the fonts group\u00bb,<br \/>\n\u00abshort_name\u00bb: \u00abshort name of the fonts group using only alphanumeric characters\u00bb,<br \/>\n\u00abdescription\u00bb: \u00abShort description of the font family\u00bb<br \/>\n}[\/code]<\/p>\n<p>After adding such an object, in a table included in <strong>fonts.json<\/strong> file, you will see the next group of fonts to manage in an administration panel.<\/p>\n<p>You have to specify three basic values for each group of fonts:<\/p>\n<ul>\n<li>\u00a0a type of font used<\/li>\n<li>\u00a0a font of a type given<\/li>\n<li>selectors connected with a font given<\/li>\n<\/ul>\n<p>Specifying of a font type is restricted to choosing one out of three fonts types:<\/p>\n<ul>\n<ul>\n<li><strong>Standard fonts<\/strong> &#8211; standard sets of fonts available on the majority of computers &#8211; you have to choose a font given from a list which is shown under the field of choosing a type of font:\u00a0<a href=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts2.jpg.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-884\" alt=\"meetgavernwp_fonts2.jpg\" src=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts2.jpg.jpg\" width=\"546\" height=\"92\" \/><\/a><\/li>\n<li><strong>Fonts Squirrel<\/strong> &#8211; fonts downloaded from <a href=\"http:\/\/www.fontsquirrel.com\/\" target=\"_blank\">Font Squirrel<\/a> page &#8211; you have to download @font-face kit of a font given and place its content in <strong>fonts<\/strong> catalog.\u00a0 It is very important to have a folder with the same name as a font name used in <strong>stylesheet.css<\/strong> file which is in a new catalog. If you prepare a catalog in this way, you will see a font given on the list to choose: \u00a0<a href=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts3.jpg.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-885\" alt=\"meetgavernwp_fonts3.jpg\" src=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts3.jpg.jpg\" width=\"582\" height=\"83\" \/><\/a><\/li>\n<li><strong>Google Web Fonts<\/strong> &#8211; fonts from <a href=\"http:\/\/www.google.com\/webfonts\" target=\"_blank\">Google Web Fonts<\/a> page; in this case, you have to specify the URL address of a font given:<\/li>\n<\/ul>\n<\/ul>\n<p><a href=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts4.jpg.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-886\" alt=\"meetgavernwp_fonts4.jpg\" src=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts4.jpg.jpg\" width=\"605\" height=\"95\" \/><\/a><\/p>\n<ul>\n<li><strong>Adobe Edge Fonts <\/strong>&#8211; fonts from <a title=\"Adobe Edge Web Fonts\" href=\"https:\/\/edgewebfonts.adobe.com\/\">Adobe Edge Web Fonts<\/a>; in this case, you have to specify the URL address of a font given:<a href=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp-fonts6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-977\" alt=\"meetgavernwp-fonts6\" src=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp-fonts6.png\" width=\"560\" height=\"104\" \/><\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>The last stage is specifying selectors connected with a font given:<\/p>\n<p><a href=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts5.jpg.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-887\" alt=\"meetgavernwp_fonts5.jpg\" src=\"https:\/\/www.frozenlogistic.com\/wp-content\/uploads\/2012\/07\/meetgavernwp_fonts5.jpg.jpg\" width=\"652\" height=\"147\" \/><\/a><\/p>\n<p>After saving the settings, the results should be visible on the website immediately &#8211; it is not required to make any additional operations.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the key elements which has influence on website&#8217;s look is an appropriate choice of fonts used for text presentation. GavernWP allows to choose fonts easily which are assigned &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57],"tags":[56,31,63],"class_list":["post-410","post","type-post","status-publish","format-standard","hentry","category-theme-back-end","tag-back-end","tag-fonts","tag-settings"],"_links":{"self":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=410"}],"version-history":[{"count":3,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts\/410\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts\/410\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}