Development

The lowdown on Google fonts

Google fonts is an extremely useful resource for web developers. It offers 843 font families that can easily be used on a web page. Making styling and theming a website such a hassle-free task.

To use google fonts navigate to google fonts and choose your font/s. You need to embed the link to your chosen font in the

tag like for Roboto:
 
 

Then in your CSS you need to specify the font family in the rule you want it used for, say we want to use it for h1,h2 and h3:

h1,h2,h3 {
font-family: 'Roboto', sans-serif;
}

Thats how easy it is. Do be careful though as using several fonts will start to impact your webspeed.

Share
Tags: DevWeb Dev

Recent Posts

Kennington reservoir drained drone images

A drained and empty Kennington reservoir images from a drone in early July 2024. The…

1 year ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

1 year ago

FTP getting array of file details such as size using PHP

Using FTP and PHP to get an array of file details such as size and…

2 years ago

Creating Laravel form requests

Creating and using Laravel form requests to create cleaner code, separation and reusability for your…

2 years ago

Improving the default Laravel login and register views

Improving the default Laravel login and register views in such a simple manner but making…

2 years ago

Laravel validation for checking if value exists in the database

Laravel validation for checking if a field value exists in the database. The validation rule…

2 years ago