How To Use Custom Font In Blogger

How To Use Custom Font In Blogger

If you are a blogger, you know how important it is to have a visually appealing website. The font you choose for your website plays a critical role in how your content is presented to your audience. Fortunately, changing the font on your Blogger website is a simple process, and this post will guide you through the steps.


Before we get started, it is essential to note that Blogger uses Google Fonts, a free and easy-to-use platform that offers a wide variety of fonts. Therefore, if you want to change the font on your website, you will need to choose from the available fonts on Google Fonts. Once you have selected your preferred font, follow these steps to change the font on your Blogger website:

Step to use custom font in blogger 

  • Step 1: Log in to your Blogger account and navigate to the Theme section.
  • Step 2: Click on the "Customize" button next to your current theme.
  • Step 3: In the left-hand sidebar, select "Advanced."
  • Step 4: Scroll down to the "Add CSS" section and click on the arrow to expand it.
  • Step 5: In the "Add CSS" section, you will see a box where you can enter your custom CSS code.
  • Step 6: Enter the following code in the "Add CSS" box:cssCopy code
  • body { font-family: 'Font Name', sans-serif; }


Replace "Font Name" with the name of the font you want to use. For example, if you want to use the font "Open Sans," the code would be:cssCopy code
body { font-family: 'Open Sans', sans-serif; }


  • Step 7: Click on the "Apply to Blog" button to save the changes.

  • Step 8: Check your website to ensure that the font has changed. If it has not changed, clear your browser cache and try again.

If you do not want to get into these steps, then we give you some ready to use codes, which you can change the font of your blog and website by going to Edit HTML > Customize > Advanced> Add CSS > paste 👍

 
  
<style>
 @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')} 



</style>

  <style>
h1,h2,li,*{font-family: Google Sans Text;}

</style>

   
  

last word

 You have successfully changed the font on your Blogger website. You can experiment with different fonts until you find the one that best suits your website's theme and content. Keep in mind that the font you choose should be easy to read and visually appealing to your audience.

Last word

In addition to changing the font, you can also customize other aspects of your Blogger website, such as the background color, header, footer, and more. By taking the time to customize your website's appearance, you can create a unique and engaging experience for your visitors

Last word

In this post we will provided information about How To Use Custom Font In Blogger , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.

Next Post Previous Post
No Comment
Add Comment
comment url