How to use Google Sans Fonts on Blogger
Today, I want to share an another interested tutorial which may be very useful for any blogger or Web Developers.
So let first Discuss About Google Sans font?
Google Sans font is a font that is rather difficult to find. Maybe that font doesn't want to be matched by any brand, okay? Please search the internet for fonts, at first you will definitely find pages that you did not expect because these keywords are very marketable.
🔹I often use these fonts before, because in my eyes the font is so comfortable when seen, so I feel it fits the font shape. Moreover, it is the latest font type trend that is widely used by digital artists.
🔹I often use it for Projects related to Graphic design and web UI design. This means dealing with the caller script. Then is it available on an external website? The answer is there. Without much ado just go directly to the tutorial.
Apny Blog Mai Google Sans Fonts ko kesy Install kary?
How to Install Google Sans Fonts on Blogger
☢️ Procedures:1. Login first to Blogger .
2. In the Blogger Dashboard select the Theme menu and Edit HTML .
3. Then Copy the embed CSS code on the server and place it above the code </head> .
/* Start!!! Install Google Sans Font By Top Blog Pk*/<style type='text/css'> @font-face {font-family: "Google Sans"; src: local("Google Sans Regular"), local(GoogleSans-Regular), url("//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;} @font-face {font-family: "Google Sans"; src: local("Google Sans Medium"), local(GoogleSans-Medium), url("//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2") format("woff2"); font-style: normal; font-weight: 500; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;} </style>/* End !!! Install Google Sans Font By Top Blog Pk*/
4. After that, put the font caller css code into the content that we want to install the Google Sans Font.
Example in the Body tag :
/* Start!!! Install Google Sans Font By Top Blog Pk*/400 17px 'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif/* End!!! Install Google Sans Font By Top Blog Pk*/
5. Finally press the Save Theme button .
