Top 12 Google Fonts

Digital Marketing, Productivity

As the internet is progressing to a different level our browsers are getting smarter and capable of handling many things. User experience has increased multifold. I still remember the days when developers used to struggle with simple design implementation on Microsoft internet explorer 6. Fonts have always been an integral part of web pages. Google Fonts is an open-source library having 1000+ choices that can enhance your webpage.

I tried to compile a list together of the best 12 most used fonts by many web designers and developers our there. Let me know which one if you’re favorite.

Open Sans

Lato

Cairo

Montserrat

Noto Sans

Poppins

Roboto

Source Sans

Titillium

Vollkorn

Alegreya

Muli

How to use google fonts on website

Implementation of google fonts is very simple.

1. Choose a font. You can add it to your collection or use “quick-use” to generate the code and options for that font.

2. Copy and paste the code generated into your <Head>

<head> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> </head>

3. The font is now accessible in your CSS code

body { font-family: 'Tangerine', serif; font-size: 48px; }

You can also use this detailed guide on for styles, script subsets, and using multiple fonts.

 148 total views,  1 views today


Avdhesh Sharma

Avdhesh Sharma

Co-founder of inclusivity. Enabling Businesses through #Digital #Transformation

Leave a Reply

Your email address will not be published. Required fields are marked *