Monitor Reply

Support

Goolge Font

Permalink Browser Info Environment April 20, 2015 at 4:26 PM

Hi, Thank you for such a great theme. I really like it and it was easy to use!!!

A little 'but'...I couldn't find out how to use google fonts. Maybe I missed something. A short information would be great.

Thanks
Bridget

Type:	Ticket
Status:	Archived

1976Ltd replied on Apr 20, 2015 at 5:41 pm Permalink Reply

Hi Bridget,

The theme uses the google webfont, Lato. You can change the font to a standard web safe font by going to Page Settings (click the cog icon), Design, Customize, Main Font.

If you want to add your own Google webfont there's no way to add it to the dropdown list in Concrete5.7 without going into the theme templates. However you can add custom css at the bottom of the theme customizer.

So if for instance you wanted to add Roboto the method would be:

1. 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.

2. Go to your concrete5 website. In the theme customizer, under "Advanced", you'll find the "Custom CSS" option. Click on it and paste the code there. Then add a CSS rule to use the font for the html body tag. The complete code to use "Roboto" would look like this:

@import url(http://fonts.googleapis.com/css?family=Roboto);
body {
    font-family: 'Roboto'!important;
}

Regards,

Gareth

BridgetB replied on Apr 20, 2015 at 5:50 pm Permalink Reply

Hi Gareth,

That was fast :-) . O.K. I'll try it and will see....

Thanks again
Bridget

On 15-04-20 06:41 PM, concrete5 Community wrote:

ConcreteCMS replied on May 8, 2015 at 12:04 am Permalink Reply

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.

Hi-Vis

Support

Goolge Font

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post