Hello all,
I would like to use a special font only on the heading of the hero module..
I allready created custom.css
there I wrote the following code:
.acm-hero h1.hero-heading {
font-weight: normal;
font-family: "arial";
}
In this way I can change the look of the h1 text inside the hero module, and this works flawlessly using web safe fonts like arial, times, calibri etc...
But the question is, what else do I have to add in custom.css in order to load a google font to use in that module?
I need Major Mono Display font, I see that if I choose this font in the theme then this link is added to the website:
<link href="https://fonts.googleapis.com/css?family=Major+Mono+Display" rel="stylesheet">
But I don't want to use this font everywhere but only inside this module.. so where can I paste this code in order to load the font so that I can write "Major+Mono+Display" instead of "arial" inside my custom.css?
Thank you!!