Categories: 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…

2 years ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

2 years ago

Early September spring shots

Some early September spring shots from a bushwalk, It is still too early for wildflowers.

3 years ago

Cloning an NVMe to SK Hynix Platinum P41 NVMe

I recently needed to clone over a smaller NVMe to a 2TB SK Hynix Platinum…

3 years ago

Using Laravel’s deleteDirectory to delete folders and their contents

If you ever needed a simple solution in Laravel to delete an entire directory and…

3 years ago

How to allow only 1 user to register in a Laravel application

How to enforce only one user to register or be registered in a Laravel web…

3 years ago