How do I add Bangla fonts to Blogger?
At present there are numerous Bengali sites on the web. There are Bengali language blogs, websites, news, stories, poems, technical blogs and so on.
Blogger is a platform that can be used to create Bangla blogs. Take our site as an example. Yes, our site is made with Blogger.
Whether it is Blogger or WordPress or any other CMS, if Bangla site does not have Bangla font then visitors cannot be attracted. Because the default Bangla font is scribbled and obscured.
And so in today's article I will teach you how to add Bangla font on Blogger site. In this article I will teach you to add a total of two Bangla fonts. The funny thing is if you can add any Bangla font to your blogger site then you can easily add any Bangla font or English font to any Blogger theme.
In this article I have shown the addition of two Bengali fonts in total. First I showed the way to add Solaiman script Bangla font in Blogger, and later I showed the way to add Hind Siliguri font in Blogger.
Why add Bangla font to Blogger?
If Bangla font is not installed in Bangla blog, in many cases there is a problem with the font. There are many problems starting from breaking the font and not showing the font properly.
Today's post is for the purpose of solving the problem caused by such fonts. In this post I will show you how to set up Bangla font in Blogger . You may have already noticed that my blog also has a font set up.
If you have set up or installed Bangla custom font, the text of the site looks very beautiful. If you notice, you will understand that all the news websites of the country also use Bangla custom fonts.
There are several reasons to use custom fonts. One of the reasons is that the blog or site writing is beautifully displayed. Anyway, let's not know how to set up or install Bangla custom font on your blogger site.
Blogger adds Solomon script font / way to set it up
First Blogger.com , log in to .
Then go to the “Theme” option from the Blogger Dashboard.
Back up your current theme for security reasons.
Then click on the 'Edit HTML' button.
Now find the <head> tag and paste the following codes below the <head> tag.
<link href="https://fonts.maateen.me/solaiman-lipi/font.css" rel="stylesheet"/>
Find the <body> tag after placing the code above the <head> tag.
Now paste the following codes under the <body> tag.
<!--Solaimanlipi CSS starts--><style> @import url('https://fonts.maateen.me/solaiman-lipi/font.css');</style><!--Solaimanlipi CSS ends-->
Find out which font has been used in your theme by typing “font-family:”. The font will look a lot like the one below.
font-family: arial, sans-serif;
Now paste “SolaimanLipi” in place of “arial”. Your theme may not have the "arial" font. Remove the font that exists and put "SolaimanLipi".
font-family: 'SolaimanLipi', sans-serif !important;
Save the theme by putting “SolaimanLipi” in all the “arial” written in your theme and clicking on the “Save Theme” button.
Do not change if font-family: Font Awesome or font-family: Font Inherit. The theme designs and icons will not be shown.
Now refresh your site and see that Bangla font has been added to your site.
If you follow everything correctly and complete the work, then Bangla font will be added to your blogger site without any problem.
First I found out the way to add Solaiman script Bangla font in Blogger, now let's know how to add Hind Siliguri font in Blogger. The font you see on our blog is the Hind Siliguri font.
How to add / set up Hind Siliguri font in Blogger
First , log in to Blogger.com .
Then go to the “Theme” option from the Blogger Dashboard.
Back up your current theme for security reasons.
Then click on the 'Edit HTML' button.
Now find the <head> tag and paste the following codes below the <head> tag.
<link href='https://fonts.googleapis.com/css2?family=Hind+Siliguri:[email protected]&display=swap' rel='stylesheet'/>Find the <body> tag after placing the code above the <head> tag.
Now paste the following codes under the <body> tag.
<style> @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri&display=swap'); </style>Find out which font has been used in your theme by typing “font-family:”. The font will look a lot like the one below.
font-family: arial, sans-serif;
Now paste “Hind Siliguri” in place of “arial”. Your theme may not have the "arial" font. Remove the existing font and put "Hind Siliguri".
font-family: 'Hind Siliguri', sans-serif;
Save the theme by clicking on the “Save Theme” button by putting “Hind Siliguri” in all the places where “arial” is written in your theme.
Do not change if font-family: Font Awesome or font-family: Font Inherit. The theme designs and icons will not be shown.
Now refresh your site and see that Bangla font has been added to your site.
Not all themes have "arial" fonts. Different fonts are used in each theme. Finding the font in your theme and replacing it with the name of your desired font will change the font.
If you have any comments, please feel free to contact me. If you are unable to add Bangla font to Blogger or if you encounter any problem on Blogger site, please contact us. We will try to cooperate with you.