<\/iframe><\/p>\n<\/div>\n<p>BoldGrid Crio allows you to use different font sizes on different device sizes. We recommend using larger font sizes on desktop and smaller on mobile for optimal user experience.<\/p>\n<p>You can enter a responsive font size for large displays, desktop, tablet, and mobile. If a value is not entered, the main font size will be used.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/responsive-font-box.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-46346\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/responsive-font-box.jpg\" alt=\"\" width=\"341\" height=\"898\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/responsive-font-box.jpg 341w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/responsive-font-box-114x300.jpg 114w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><\/a><\/p>\n<p>To see your new font sizes, use the device preview icons at the bottom of the Customizer. The live preview will update to show you the sizes.<\/p>\n<h2 id=\"troubleshooting\">Troubleshooting<\/h2>\n<h3 id=\"remove-auto-hyphens-for-headings\">Remove Auto-Hyphens for headings<\/h3>\n<p>Crio contains a wide array of Font customization features, but one particular behavior you might have trouble changing is how heading elements break down on smaller screens. Crio is set to break up longer words in your headings and add hyphens to them as the available screen real estate shrinks by default, but there are particular use cases where you might want to change this configuration. Unfortunately there isn’t a control within the theme Customization interface to make such a change, but this alteration can be accomplished with a little <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/using-the-custom-css-and-js-editor-in-boldgrid-crio\/\">Custom CSS<\/a> know-how.<\/p>\n<p>The following snippet will deactivate the automatic word breaks and hyphens normally added by Crio to all website headings:<\/p>\n<pre>.palette-primary .h1, .palette-primary .h2, .palette-primary .h3, .palette-primary .h4, .palette-primary .h5, .palette-primary .h6, .palette-primary h1, .palette-primary h2, .palette-primary h3, .palette-primary h4, .palette-primary h5, .palette-primary h6 {\r\n word-wrap: normal;\r\n hyphens: manual;\r\n -webkit-hyphens: manual;\r\n}\r\n<\/pre>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The BoldGrid Crio Customizer provides an easy way to keep fonts consistent across your site. Main Text The first setting we will look at is Main Text. The selections here will be applied to most of the text on your website, as it affects normal paragraphs. In the Dashboard, navigate to Appearance → Customize In […]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Working with Fonts in Crio | BoldGrid Crio","bgseo_description":"The Customizer provides an easy way to keep fonts in Crio consistent across your site. You also have an option to download the font to your WordPress installation, as opposed to using the Google CDN. ","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[573],"tags":[29,687],"class_list":["post-15703","post","type-post","status-publish","format-standard","hentry","category-boldgrid-crio-supertheme-product-guide","tag-customizer","tag-fonts","feature-type-free","experience-level-getting-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15703"}],"version-history":[{"count":12,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15703\/revisions"}],"predecessor-version":[{"id":120940,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15703\/revisions\/120940"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}