{"id":15797,"date":"2018-09-20T10:06:38","date_gmt":"2018-09-20T14:06:38","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15797"},"modified":"2023-12-07T14:26:06","modified_gmt":"2023-12-07T19:26:06","slug":"fonts","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/fonts\/","title":{"rendered":"Working with Fonts"},"content":{"rendered":"\n

$\"\"$ <\/p>\n

With thousands of custom typography choices, the Post and Page Builder<\/a> WordPress plugin gives you the ability to have complete control over font size, weight, decoration, color, and more.<\/p>\n

<\/iframe><\/p>\n<h2 id=\"choosing-a-font-family\">Choosing a Font Family<\/h2>\n<ul>\n<li>By default,<\/b> the text will use theme settings from the Customizer<\/li>\n<li>If using a BoldGrid Theme, choosing the Theme Fonts<\/b> will use the Main Text and Headings settings from the Customizer<\/li>\n<li>Common Fonts<\/b> are professionally selected fonts that look great on any website<\/li>\n<li>System Fonts<\/b> are fonts already installed on your computer<\/li>\n<li>The Google Font<\/b> library is included with hundreds of font options<\/li>\n<\/ul>\n<h2 id=\"font-styles\">Font Styles<\/h2>\n<ul>\n<li>Each font has it’s own Font Weights<\/b> to choose from<\/li>\n<li>Use Font Style<\/b> to make your text italic<\/i> or normal<\/li>\n<li>Text Transform<\/b> will change your text to Uppercase, Lowercase, and more without retyping the text<\/li>\n<li>Text Decoration<\/b> adds design touches like Overlines and Underlines<\/li>\n<li>The current Color<\/b> is shown, to change it click the Edit button\n<ul>\n<li>The Color Picker appears with the Theme Colors at the top<\/li>\n<\/ul>\n<\/li>\n<li>Set the Size<\/b> anywhere from 6px to 200px<\/li>\n<li>The Line Height<\/b> and Letter Spacing<\/b> can also be adjusted<\/li>\n<li>Text Effect<\/b> has 8 designs to choose from to make your text really stand out<\/li>\n<li>Or a Text Shadow<\/b> can be added<\/li>\n<\/ul>\n<h2 id=\"using-spans\">Using Spans<\/h2>\nYou can use different fonts or colors within a single element with the Span<\/strong> control. A single word or group of words can have a unique font and color, like shown below.<\/p>\n<ul>\n<li>Highlight the word or words you want to change<\/li>\n<li>Click the Span <\/strong>icon (horizontal line) in the DropTab<\/li>\n<li>Choose new font options only for the highlighted text<\/li>\n<\/ul>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/span.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47963\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/span.png\" alt=\"Span Control in Post and Page Builder\" width=\"974\" height=\"676\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/span.png 974w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/span-300x208.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/span-768x533.png 768w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/a><\/p>\n<h3 id=\"boldgrid-crio-customizer-integration\">BoldGrid Crio Customizer Integration<\/h3>\nWhen using the Post and Page Builder with our <a href=\"https:\/\/www.boldgrid.com\/crio-wordpress-theme-for-business\/\">Crio<\/a> theme, a Span will override the Customizer settings. If a new font is selected for a heading, that heading will no longer respond to the Customizer heading control. If a new size is entered, any responsive font values entered in the Customizer will not be used.<\/p>\nCongratulations! You now know how to work with fonts from the BoldGrid Post and Page Builder.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"With thousands of custom typography choices, the Post and Page Builder WordPress plugin gives you the ability to have complete control over font size, weight, decoration, color, and more. Choosing a Font Family By default, the text will use theme settings from the Customizer If using a BoldGrid Theme, choosing the Theme Fonts will use […]<\/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":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[148],"tags":[29,690,687,679],"class_list":["post-15797","post","type-post","status-publish","format-standard","hentry","category-page-builder","tag-customizer","tag-faq","tag-fonts","tag-page-builder","feature-type-free","experience-level-getting-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15797","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=15797"}],"version-history":[{"count":11,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15797\/revisions"}],"predecessor-version":[{"id":120954,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15797\/revisions\/120954"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}