How can I edit Font-family?

[Dana Lee]

Hi Wegpagers!

Text elements can be used more than a text delivery with Webpgr. It can do so much. Here let’s see how you can edit fonts.

First, if you want to change the font, use Google fonts. This is the open source for different kinds of style you can use for free. As an example I will use Libre Braskerville.

1. Choose the font you want to use. Then click ’Quick-use’.  

 

2. Scroll down a bit and click ‘@import’. Copy the code.

3. Now go to your Webpgr page and open the Hacker shell by   Ctrl    +   m  . And paste the code in CSS. Then click ‘Save’.

Now go back to the Google font page and check out the font name. You can simply copy the font name.

4. Close the Hacker shell by   Ctrl    +   m  . And click the text element. In the right menu, go to Style and paste the font as below.

 font-family: 'Libre Baskerville', serif;

Done.

We hope to see you use a suitable font for your perfectly beautiful website. If you have more questions, please give us more feedback.

Thank you. Let’s try it out on your website!

[Falko]

Nice, but can you also show where you go the font name from?

[Dana Lee]

Well, in the beginning of the this text, there's a hyperlink to go to Google Fonts. We get fonts from Google(https://www.google.com/fonts) 

[Falko]

you write  

‘font-family: font name;’. In this case, font-family: Libre Braskerville;

can you include a screenshot where you show where you get the string 

font-family: Libre Braskerville;

from. It's also in the google font user interface