Importing a Font for External CSS

Oh hey, I realize that I needed to import Roboto Mono to the custom CSS on this blog. You do this by adding the following in “Custom CSS” area in preferences:

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');

body {
    font-family: 'Roboto Mono', monospace;
}

p {
    font-family: 'Roboto Mono', monospace;
}

/* Blog header on index and post pages */
#blog-title a { 
    font-family: 'Roboto Mono', monospace;
}

/* Blog description (underneath title) on index page */
header p.description {
    font-family: 'Roboto Mono', monospace;
    font-style: italic;
}

/* Post titles on blog index */
.post-title {
    font-family: 'Roboto Mono', monospace;
    font-weight: normal;
}
.post-title a.u-url:link, .post-title a.u-url:visited {
    color: blue;
}

/* "Read more..." links */
body#collection a.read-more {
    font-family: 'Roboto Mono', monospace;
    text-decoration: underline;
}

/* Links inside blog posts */
article p a {
    font-family: 'Roboto Mono', monospace;
    text-decoration: none;
    border-bottom: 2px solid #0F7FFE;
}
article p a:hover {
    font-family: 'Roboto Mono', monospace;
    background-color: #0F7FFE;
    color: white;
    text-decoration: none;
}

/* Hide post views */
header nav .views {
    display: none;
}