fonts
Permalink Browser Info Environment
Hi,
I am using Long Way Home and really loving it, but I would like to be able to customize the fonts. I'm finding the monospace to be a bit difficult to read on a small screen and would like the option of adding my own Google fonts and font styling and to be able to change the size to ems rather than px. I know that on the post editor I can change to some other fonts like Ariel, but I would prefer to have more control, or at least more options (like Roboto, Open Sans, etc.).
I don't know PHP at all, so I'm not sure how to change these things natively. Is there a way to add custom font css that I'm just not aware of? I know there are customizations (like tagging "card") but I wasn't able to get a different font control in there.
Any help would be appreciated, as a lot of what I do on another site involves a variety of fonts and I'd love to be able to just use concrete5 for future use, especially if I begin working with other people who don't know html/css.
Thanks!
I am using Long Way Home and really loving it, but I would like to be able to customize the fonts. I'm finding the monospace to be a bit difficult to read on a small screen and would like the option of adding my own Google fonts and font styling and to be able to change the size to ems rather than px. I know that on the post editor I can change to some other fonts like Ariel, but I would prefer to have more control, or at least more options (like Roboto, Open Sans, etc.).
I don't know PHP at all, so I'm not sure how to change these things natively. Is there a way to add custom font css that I'm just not aware of? I know there are customizations (like tagging "card") but I wasn't able to get a different font control in there.
Any help would be appreciated, as a lot of what I do on another site involves a variety of fonts and I'd love to be able to just use concrete5 for future use, especially if I begin working with other people who don't know html/css.
Thanks!
Type: | Ticket |
---|---|
Status: | Archived |
That was exactly what I was looking for, thanks so much!
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.
To re-open this issue, reply to this message.
To re-open this issue, reply to this message.
The theme provides a very basic way of using Google Fonts via Page Attributes.
If you go to your Homepage, click on the Gear Icon and choose Attributes, you should see the following Page Attributes:
- Google Font (headings): simply enter the name of the Google Font (i.e. Roboto or Open Sans) that you want to use for the headings.
- Google Font (body text): simply enter the name of the Google Font (i.e. Roboto or Open Sans) that you want to use for the body text.
- Apply Google Fonts to subpages: make sure to tick the checkbox if you want to use these fonts in all your pages.
If you need more control, you can also add Google Fonts via CSS. If you use the CSS option, first remove the Google Font Page Attributes. Then do the following:
- Go to Google Fonts, select the font you want to use and click on the Quick Use button. In steps 1 and 2, change the settings if necessary. In step 3 ("Add this code to your website"), select the second tab (@import) and copy the code to the clipboard.
- Go to your concrete5 webiste. In the theme customizer, under "Advanced", you'll find the "Custom CSS" option. Click on it and paste the code there. Make sure you paste it at the top of the text area. Then add the CSS rule to use the font. For example, the complete code to use "Oswald" for the "Heading 4" tag (<h4>) should look like this:
Hope this helps!
Jordi