Trick: Using Google Fonts at design time

[luishp]

NeoAppBuilder can be enhanced with a bunch of Font Families from Google fonts (https://www.google.com/fonts), but it is a bit tricky.
In this video I show the most easy way I have found:

[Neosoft Support]

The fonts require an Internet connection since they are hosted by Google. For mobile apps where you may not have Internet access, is it possible to download the font and access it locally?

[djmarkes]

Google fonts use .woff2 extension.

Maybe he can convert this format .ttf using this web site:

https://everythingfonts.com/woff2-to-ttf

In the CSS video, you should edit it to read from the source location.

[luishp]

In fact it is even easier.
Please, take a look here:

http://www.labnol.org/software/google-f ... ter/19780/

Another interesting link regarding how to combine Google Fonts:

http://www.labnol.org/internet/best-goo ... ons/28987/

[luishp]

An easier way to add Google Fonts at design time:

Add a container object and right click on it to edit HTML property.
Add this code:

Code: Select all

<style>
@import url(https://fonts.googleapis.com/css?family=Raleway);
</style>

Change "Raleway" for whatever font you want.

Some more complex samples:

Code: Select all

<style>
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400,700');
@import url(https://fonts.googleapis.com/css?family=Roboto:100,700;);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,700);
</style>

Numbers at the end of each line of code are font weights.
For font names with spaces, substitute every space with a "+" character.