Learn how to use free Google Fonts in your website without paying any amount of bucks. These following google fonts are free to use. You can use it in your Blogger Websites, WordPress and Custom Websites for free. Learn and see most awesome fonts and how to use it in your websites.
Every blogger desire to have beautiful website design. Fonts also involve to make your site attractive. If you couldnot find the suitable fonts for your website it might makes your site look ugly. If you perfectly use the most awesome fonts for your website, Then it might help you in increase user engagement as well as traffics will stay in your site. It is also an important factor to make your site impressive and attractive.
You might have really get confused to choose fonts for your website, but here I'm going to describe the some Google fonts and how to use it for free in your websites. So, wasting time have a look on the following list about best Google fonts and how to use them for free.
The Best Google Font For Websites
Following listed are the most used Google Fonts for websites you can use one of these font and give your website another look.- Roboto
- Lato
- Mukta
- Nunito
- Montserrat
- Maven Pro
- PT sans
- Source Sans Pro
- Exo
- Ubuntu
Roboto : Roboto is a free Google fonts you can use it in your website. It is totally free to use. Most of in the blogger templates this font is commonly used. You can use it in your website with <link> tag.
Place your link tag of Google font in the <head> tag.
<link href='//fonts.googleapis.com/css?family=Roboto:300,400,500,600' rel='stylesheet' type='text/css'/>
To use it in your CSS.
<style>
p {
font-family: 'Roboto',sans-serif;
font-weight: 400;,
}
</style>
p {
font-family: 'Roboto',sans-serif;
font-weight: 400;,
}
</style>
If you want to use multiple Google font in your link tag just do as following example I'm adding Maven Pro and Nunito fonts <link> tag.
<link href='//fonts.googleapis.com/css?family=Maven+Pro:300,400,500,600|Nunito:400;500' rel='stylesheet' type='text/css'/>
Similarly you can use other Google fonts in same way. See the link examples below how the listed fonts look in paragraph.
This is example of Roboto Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Maven Pro Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Nunito Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Lato Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of PT sans Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Mukta Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Exo Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Source Sans Pro Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is example of Ubuntu Font.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
These above mentioned are all the best Googel Fonts for website. You can use one of them if your are building the web. These font will definetly give your the best results. What are you thinking for? If your are already running a website then it is time to update your font, ain't it? Hoped it helped you a lot. Comment your desired font if you know in the comment box.
Post a Comment