Google Fonts es un sitio donde existen diversos tipos de fuentes, desde las más usadas hasta las menos conocidas, en él tienes la opción de descargar la fuente, o incluso importar los enlaces de cada fuente y utilizar dentro de tu sitio, sistema, o incluso dentro del scriptcase. En este post estaremos enseñando cómo utilizar estas fuentes dentro del scriptcase de manera fácil y rápida, vamos allá:

1° Paso – Accede al sitio web de Google Fonts: https://www.google.com/fonts

2° Paso – Elija la fuente de su interés, y haga clic en “Quick-use”:

3° Paso – Seleccione los tipos de fuentes que desee y marque la casilla de verificación:

4º Paso – Elija la forma en que desea colocar la fuente en su sitio o sistema, en este ejemplo vamos a utilizar la opción “@import”, de esta forma estaremos tomando el código de importación para añadir dentro del CSS, por lo que haga clic en @import y copie las dos líneas disponibles:

Listo, ya tenemos el código de importación para utilizar dentro del scriptcase, así que vamos a acceder a él.

En este ejemplo se creó una pantalla de control con 3 campos de texto y 1 imagen HTML, vamos a abrir el evento onLoadAll.

5° Passo – Necesitamos abrir las etiquetas <style></style> para añadir el css, para ello:

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

6° Passo – Vamos a pegar el código de importación del sitio web de Google Fonts:

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

7° Passo –  En el título de la aplicación que es donde vamos a efectuar la modificación del estilo de la fuente, vamos a añadir una etiqueta <span> con una clase antes del texto que será el título, así (no olvide cerrar la etiqueta después del título </span> ):

8° Passo – Volver al evento onLoadAll, añada ahora el código CSS que será responsable del cambio del estilo de fuente:

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

Con estos cambios ya tendremos la alteración de la fuente, ahora usted puede usar su creatividad y cambiar sus aplicaciones con fuentes diferenciadas de google fonts y dejar su sitio o sistema con un diseño más atractivo.

Esta alteração foi feita para os campos também, vejam como ficou o resultado:

Dale una oportunidad a Scriptcase y prueba gratis por 20 días, accede a nuestro sitio web www.scriptcase.net

You might also like…

Como realizar el proceso de conversión a Scriptcase 9

Para esta Guía utilizamos un Servidor Scriptcase V8 y un Servidor Scriptcase V9 ambos con la Base ...

Integración con Facebook

Crear y registrar una aplicación Tanto si tu aplicación es de comercio electrónico para m...

Integración con Twitter

Creación de claves API de Twitter para la autenticación en Scriptcase. Las claves API ...

You might also like…

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

We will use the information you provide to update you about our Newsletter and Special Offers. You can unsubscribe any time you want by clinck in a link in the footer of any email you receive from us, or by contacting us at sales@scriptcase.net. Learn more about our Privacy Police.