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.


Wrong way


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


 

Right Way


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


 

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 >