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">