Google Fonts is a site where there are several types of fonts, from the most used to the lesser known, with it you have the option of downloading the font, or even import links from each font and use them within your site, system, or even within Scriptcase. In this post we will be teaching how to use those fonts in Scriptcase in a fast and easy way:

Step 01 – Visit Google Fonts website: https://www.google.com/fonts

Step 02 – Choose the font of your interest and click “Quick-use”:
001

 

Step 03 – Choose the types of fonts you want and select the check box:
002

 

Step 04 – Choose the way you want to put the font in your website or system, in this example we will use the “@import”, so this way we will be taking the import code to add within CSS, so click at @import and copy the two lines available:
003

Okay, we already have the import code to use within Scriptcase. Then we will access it.

In this example we created a control screen with 3 text fields and 1 HTML image. We will open the onLoadAll event.

 

Step 05 – We need to open the tags <style> </style> to add the CSS. For this:

?>
<style>
</style>
<?php

 

Step 06 – We will paste the import code of Google Fonts site:

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

Step 07 – In the title of the application (the place is where we will make the change of the font style), we will add a <span> tag with a class before the text that will be the title, so (do not forget to close the tag after the title </span>):
Layout Scriptcase

 

Step 08 – Back in the onLoadAll event, now add the CSS code that will be responsible for changing the font style:

?>
<style>
@import url(https://fonts.googleapis.com/css?family=Overlock);
span.font-cab {
font-family: 'Overlock', cursive;
}
</style>
<?php

That’s it: with these changes we will have the change of the font, you can now use your creativity and change your applications with different fonts of Google Fonts and leave your site or system with a more attractive layout.

This change was made to the fields too, check how was the result:

008

 

One thing is for sure, you can bring to Scriptcase anything that you are able to do outside Scriptcase but you will have less effort. Give Scriptcase a chance and use it for 20 days for free at www.scriptcase.net

You might also like…

Deep Data: Creating Powerful Large Systems

Creating powerful large systems to support business processes in a cost-effective and accessible man...

How to recognize business models and processes from Deep Data Perspective

Listen to the podcast and learn how to recognize business models and processes from Deep Data Perspe...

Learn more about external libraries to improve your projects!

For those who ask themselves: " Which types of libraries can i use within Scriptcase? ", in this pos...

Comment this post

Get new posts, resources, offers and more each week.