{"id":54,"date":"2020-03-09T23:48:08","date_gmt":"2020-03-09T23:48:08","guid":{"rendered":"https:\/\/erplayer.pro.radio\/manual\/?post_type=knowledgebase&#038;p=54"},"modified":"2020-03-10T17:50:32","modified_gmt":"2020-03-10T17:50:32","slug":"typography","status":"publish","type":"knowledgebase","link":"https:\/\/erplayer.pro.radio\/manual\/knowledge-base\/design-customization\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<p>In this section you can set custom font families and sizes for all of the 3 lines of text of your radio player.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-143\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.45.31.png\" alt=\"\" width=\"673\" height=\"255\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.45.31.png 673w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.45.31-300x114.png 300w\" sizes=\"(max-width: 673px) 100vw, 673px\" \/><\/p>\n<p>If a text is<strong> too wide<\/strong> for the container, it will automatically scroll.<\/p>\n<h3>Use wisely:<\/h3>\n<p>Even though you can set any font family and size, <strong>there is obviously room for a poor font usage<\/strong>. It&#8217;s up to you to choose proper font settings for your player, depending on the chosen layout.<\/p>\n<p>For better responsivity results, also the VW parameter can be a good choice.<\/p>\n<p>In the example below, you can see how the texts are overlapping the content,<strong> causing a poor design result<\/strong>. Please use wisely.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-144\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.46.55.png\" alt=\"\" width=\"655\" height=\"315\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.46.55.png 655w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.46.55-300x144.png 300w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this section you can set custom font families and sizes for all of the 3 lines of text of your radio player. If a text is too wide for the container, it will automatically scroll. Use wisely: Even though you can set any font family and size, there is obviously room for a poor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[7],"class_list":["post-54","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-design-customization"],"_links":{"self":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/54"}],"collection":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":3,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/54\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/54\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/media?parent=54"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase_cat?post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}