Linking to Google Fonts
Permalink
I am using the Elemental theme but which to use a Google Font for the h tags (Roboto).
I have changed the defaults.less file but how do I link to Google Fonts?
I have changed the defaults.less file but how do I link to Google Fonts?
Tried that in the Elemental > elements > header_top.php
Still doesn't link...
Still doesn't link...
Just seen I need to use the LESS command
@import url(//fonts.googleapis.com/css?family=Roboto);
in the default.css document.
@import url(//fonts.googleapis.com/css?family=Roboto);
in the default.css document.
Would you be able to amplify this please? You say "...need to use the LESS command....in the default.css document."
Can you give the path to that file please? I can only see LESS files.
Very keen to overcome the same problem on my site so all help gratefully received.
Thanks
Can you give the path to that file please? I can only see LESS files.
Very keen to overcome the same problem on my site so all help gratefully received.
Thanks
You can link to google font styles with a link href like tallacman mentioned, or using the import method in a CSS file which is what I prefer. google.com/fonts shows you both for whatever font you want, as well as the font-family code to use in the css that will actually change the font family of the text to Roboto. You have to both import the font, and set the font-family to being Roboto in the css.
Thanks for responding to my question, but if you don't mind me saying you haven't actually answered it. Exactly where is the CSS file that needs changing? And also why is it a CSS file and not LESS? Please spell this out as I am not a programmer and quite new to Concrete5. Thanks in advance for your patience.
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">