{"id":23552,"date":"2025-11-13T03:51:14","date_gmt":"2025-11-13T03:51:14","guid":{"rendered":"https:\/\/ourdemy.dev\/?p=23552"},"modified":"2025-11-20T09:22:51","modified_gmt":"2025-11-20T09:22:51","slug":"how-do-i-set-a-default-font-for-headings-and-body-text","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/en\/how-do-i-set-a-default-font-for-headings-and-body-text\/","title":{"rendered":"How do I set a default font for headings and body text?"},"content":{"rendered":"\n<div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      1\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">In the left sidebar, click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Settings<\/span> from the dashboard menu.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"3837\" height=\"2000\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png\" class=\"wp-image-24533\" alt=\"Screenshot for step 1\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png 3837w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-300x156.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-1024x534.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-768x400.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-1536x801.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-2048x1068.png 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-710x370.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502-600x313.png 600w\" sizes=\"auto, (max-width: 3837px) 100vw, 3837px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      2\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">On the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Settings<\/span> page, click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Appearance<\/span> to open the appearance settings for your site.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"3837\" height=\"2000\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507.png\" class=\"wp-image-24534\" alt=\"Screenshot for step 2\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507.png 3837w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-300x156.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-1024x534.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-768x400.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-1536x801.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-2048x1068.png 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-710x370.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-a4f81bb87cb63003-1763630507-600x313.png 600w\" sizes=\"auto, (max-width: 3837px) 100vw, 3837px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      3\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">On <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Appearance<\/span>, scroll down and click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Edit Global Styles<\/span> to open the Global Styles settings page.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"3837\" height=\"2000\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514.png\" class=\"wp-image-24536\" alt=\"Screenshot for step 3\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514.png 3837w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-300x156.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-1024x534.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-768x400.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-1536x801.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-2048x1068.png 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-710x370.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-15f47d4395c3531b-1763630514-600x313.png 600w\" sizes=\"auto, (max-width: 3837px) 100vw, 3837px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      4\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">The <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Global Style Settings<\/span> panel will appear with options for typography and color.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"9592\" height=\"5000\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520.png\" class=\"wp-image-24538\" alt=\"Screenshot for step 4\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520.png 9592w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-300x156.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-1024x534.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-768x400.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-1536x801.png 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-2048x1068.png 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-710x370.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-17f7c337a4e658d1-1763630520-600x313.png 600w\" sizes=\"auto, (max-width: 9592px) 100vw, 9592px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      5\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">In the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Heading Font<\/span> section, click the dropdown to open the font list, then scroll or type to find the font you want. As soon as you select a font, the heading styles in the live preview (left panel) will update to show the change.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"628\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-c5807d19d52fce71-1763630533.gif\" class=\"wp-image-24541\" alt=\"Screenshot for step 5\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      6\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Move to the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Body Font<\/span> section and repeat the same process by choosing your preferred body font from the dropdown. The preview on the left side will instantly update, allowing you to confirm readability and style consistency.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"628\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-037feef852d71536-1763630539.gif\" class=\"wp-image-24543\" alt=\"Screenshot for step 6\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      7\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Once both heading and body fonts look good, click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Save Changes<\/span> to apply your new fonts across all course pages.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1265\" height=\"892\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545.png\" class=\"wp-image-24544\" alt=\"Screenshot for step 7\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545.png 1265w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545-300x212.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545-1024x722.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545-768x542.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545-18x12.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545-710x501.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-e2c62b031b508d07-1763630545-600x423.png 600w\" sizes=\"auto, (max-width: 1265px) 100vw, 1265px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>1 In the left sidebar, click Settings from the dashboard menu. 2 On the Settings page, click Appearance to open the appearance settings for your site. 3 On Appearance, scroll down and click Edit Global Styles to open the Global Styles settings page. 4 The Global Style Settings panel will appear with options for typography [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,34],"tags":[],"class_list":["post-23552","post","type-post","status-publish","format-standard","hentry","category-customize-your-site","category-help-center"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How do I set a default font for headings and body text? - Ourdemy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ourdemy.com\/en\/how-do-i-set-a-default-font-for-headings-and-body-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do I set a default font for headings and body text? - Ourdemy\" \/>\n<meta property=\"og:description\" content=\"1 In the left sidebar, click Settings from the dashboard menu. 2 On the Settings page, click Appearance to open the appearance settings for your site. 3 On Appearance, scroll down and click Edit Global Styles to open the Global Styles settings page. 4 The Global Style Settings panel will appear with options for typography [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ourdemy.com\/en\/how-do-i-set-a-default-font-for-headings-and-body-text\/\" \/>\n<meta property=\"og:site_name\" content=\"Ourdemy\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-13T03:51:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T09:22:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3837\" \/>\n\t<meta property=\"og:image:height\" content=\"2000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\"},\"headline\":\"How do I set a default font for headings and body text?\",\"datePublished\":\"2025-11-13T03:51:14+00:00\",\"dateModified\":\"2025-11-20T09:22:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/\"},\"wordCount\":167,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-62b67e2f7041fe6c-1763630502.png\",\"articleSection\":[\"Customize Your Site\",\"Help Center\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/\",\"name\":\"How do I set a default font for headings and body text? - Ourdemy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-62b67e2f7041fe6c-1763630502.png\",\"datePublished\":\"2025-11-13T03:51:14+00:00\",\"dateModified\":\"2025-11-20T09:22:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-62b67e2f7041fe6c-1763630502.png\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-62b67e2f7041fe6c-1763630502.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-set-a-default-font-for-headings-and-body-text\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ourdemy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I set a default font for headings and body text?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"name\":\"Ourdemy\",\"description\":\"Make your own online academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ourdemy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\",\"name\":\"Ourdemy\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"width\":3163,\"height\":884,\"caption\":\"Ourdemy\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/ourdemy.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do I set a default font for headings and body text? - Ourdemy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ourdemy.com\/en\/how-do-i-set-a-default-font-for-headings-and-body-text\/","og_locale":"en_US","og_type":"article","og_title":"How do I set a default font for headings and body text? - Ourdemy","og_description":"1 In the left sidebar, click Settings from the dashboard menu. 2 On the Settings page, click Appearance to open the appearance settings for your site. 3 On Appearance, scroll down and click Edit Global Styles to open the Global Styles settings page. 4 The Global Style Settings panel will appear with options for typography [&hellip;]","og_url":"https:\/\/ourdemy.com\/en\/how-do-i-set-a-default-font-for-headings-and-body-text\/","og_site_name":"Ourdemy","article_published_time":"2025-11-13T03:51:14+00:00","article_modified_time":"2025-11-20T09:22:51+00:00","og_image":[{"width":3837,"height":2000,"url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#article","isPartOf":{"@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/"},"author":{"name":"admin","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42"},"headline":"How do I set a default font for headings and body text?","datePublished":"2025-11-13T03:51:14+00:00","dateModified":"2025-11-20T09:22:51+00:00","mainEntityOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/"},"wordCount":167,"commentCount":0,"publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png","articleSection":["Customize Your Site","Help Center"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/","url":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/","name":"How do I set a default font for headings and body text? - Ourdemy","isPartOf":{"@id":"https:\/\/ourdemy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#primaryimage"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png","datePublished":"2025-11-13T03:51:14+00:00","dateModified":"2025-11-20T09:22:51+00:00","breadcrumb":{"@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#primaryimage","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-62b67e2f7041fe6c-1763630502.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ourdemy.com\/how-do-i-set-a-default-font-for-headings-and-body-text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ourdemy.com\/"},{"@type":"ListItem","position":2,"name":"How do I set a default font for headings and body text?"}]},{"@type":"WebSite","@id":"https:\/\/ourdemy.com\/#website","url":"https:\/\/ourdemy.com\/","name":"Ourdemy","description":"Make your own online academy","publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ourdemy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ourdemy.com\/#organization","name":"Ourdemy","url":"https:\/\/ourdemy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","width":3163,"height":884,"caption":"Ourdemy"},"image":{"@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/ourdemy.com"]}]}},"_links":{"self":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/comments?post=23552"}],"version-history":[{"count":5,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23552\/revisions"}],"predecessor-version":[{"id":24555,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23552\/revisions\/24555"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/media?parent=23552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/categories?post=23552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/tags?post=23552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}