How to use a specific font for an app

In this article, we are going to see how to use specific fonts in your app by using the SCSS/CSS section in Colors.Firstly, go to the Colors menu in the Twilight Tech Appmaker App Builder editor:

Screen Shot 2016-09-15 at 12.35.13

Then, scroll down in the page and enable the Advanced customization section:

Screen Shot 2016-09-15 at 12.35.21

In this section you can now add a new font by using the method @import, like this:

@import 'https://fonts.googleapis.odeom/css?family=Ewert';

In this example, we have imported the font “Ewert”. We can now use this font in our app.

How to use the new font(s) in our app?

Still in this advanced section, following our font import, we are going to call the font in our CSS:

.view {
*{
font-family: 'Ewert' !important;
font-size: 30px !important;
}
}

Click on “save”.

In this SCSS example, we can see we are using the font “Ewert” in all our app.

Here are the results:

Before:

Screen Shot 2016-09-15 at 12.50.53

After:

Screen Shot 2016-09-15 at 12.56.33

Keeping ahead of COVID-19 STAY HOME

To our dear costumers, The COVID-19 coronavirus outbreak is top-of-mind right now, and we wanted to share a further update about how we’re taking action at our branches to limit the spread of the virus. We will be completely closing our branches but we’re still able to support our costumers through our emails account by our support team. We know this is a disruptive and tough time and our goal is to continue to serve our costumers across the world in the most responsible manner possible. For that about the payments due from March-15th-2020 will be postponed to those who are unable to pay via an online platform (Paypal or Stripe), bank transfer, Western Union or cash payment without any interest fee until the customer get a way to make a payment for their services that uses through Twilight Tech Inc., including projects that are pending or that will be Termination due to violation of the Terms and Conditions of Twilight Tech Inc., because we care of the continuity of your business and keeping your data safely in our servers. We are monitoring developments closely and are following the guidance of public health authorities. Twilight Tech Inc.