Top 12 Google Fonts

Digital Marketing, Productivity
Google Fonts

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

Top 10 google fonts Open Sans

Lato

Top 10 google fonts Lato

Cairo

Top 10 google fonts Cairo

Montserrat

Top 10 google fonts Montserrat

Noto Sans

Top 10 google fonts Noto Sans

Poppins

Top 10 google fonts Poppins

Roboto

Top 10 google fonts Roboto

Source Sans

Top 10 google fonts Source Sans

Titillium

Top 10 google fonts Titillum

Vollkorn

Top 10 google fonts Vollkorn

Alegreya

top10 google fonts alegreya

Muli

top10 google fonts 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.

Loading


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 *