How to Add Google Fonts in One Request in style.css

Google Fonts provide a wide range of beautiful and great typography. We use google fonts in style.css like below.

<link href=”https://fonts.googleapis.com/css?family=Open+Sans” rel=”stylesheet”>

<link href=”https://fonts.googleapis.com/css?family=Roboto” rel=”stylesheet”>

<link href=‘https://fonts.googleapis.com/css?family=Lobster’ rel=‘stylesheet’ type=‘text/css’>

Now How to add google fonts in one request.

Step 1: Just copy of your Fonts URL like below

<link href=‘https://fonts.googleapis.com/css?family=Lato’ rel=‘stylesheet’ type=‘text/css’>

Step 2: Now if you want to add another font just add separator “|” See below Example:

<link href=”https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Merriweather:300,300i,400,400i,700,700i” rel=”stylesheet”>

 

Most Powerful Graph JavaScript for Designer to Design a Dashboard Theme

Chart Js

Simple yet flexible JavaScript charting for designers & developers.

Check Now

Flot chart

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Check Now

Sparkline

Small inline charts directly in the browser using data supplied in scripts.

Check Now

Chartist

Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries.

Check Now

C3 Charts :

D3-based reusable chart library

Check Now

highcharts

Highcharts has remained the premier and fastest growing charting-tool in a competitive market.

Check Now