Adding Roboto Slab Font to Your Application

Ole Ersoy
1 min readDec 22, 2019

--

Image by Ryan McGuire from Pixabay

Scenario

We wish to add a link importing the Roboto Slab to our web application.

Approach

Visit:

https://fonts.google.com/

Search for Roboto Slab . Select it using the red plus button.

Then click on the black toaster . It says “Family Selected”, and it in the bottom right corner of the image below:

Selected the link:

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">

You may wish to add more font weights. To do that alter the link so that it looks like this:

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500&display=swap" rel="stylesheet">

--

--