Adding CSS

Let's add some custom font and style some of the missed HTML elements. We have used Robot font, you can use any font of your desire.

It's a simple one-liner code to mention the font in the app. Add the following line to your index.html page just after the <body> tag:

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

And in main.css apply the font to an entire HTML page:

    html *    {      font-family: 'Roboto Condensed', sans-serif;    }

Reload the page. Looks beautiful now, doesn't it?

Get Kotlin Blueprints now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.