On

Sometimes we may not like the default or provided fonts of BlogSpot. So, we may want to add Google Font in BlogSpot Theme. But it should NOT be in a way which is provided by Google Font as BlogSpot can't read that.


1.1) Wrong way, which may not work in some Themes


<style>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
</style>

 
Right way to add Google font to Blogger

1.2) Right Way, which will work in all Themes


<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">



2) Use &amp;  at the place of &


<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&amp;display=swap" rel="stylesheet"/> 

also use this closing tag  />   at the end in the place of >
 
 
 

3) You may not use this line

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>



You know the rest, put this between <head> tag.