Cómo usar Web-Font en Construct 2

1

Tagged

Stats

1,648 visits, 2,154 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 21 Nov, 2017. Last updated 25 Feb, 2019

INTRODUCCIÓN

¿Quieres usar cierta fuente pero no sabes cómo? ¿Estresado?.

Hoy aprenderás a hacerlo. Mi primer intento de poner cierta fuente para que se convierta en la fuente que quiero es ... rayos. Funciona en mi computadora pero no funciona en mi computadora portátil. Esto se debe a que mi computadora portátil no tiene la fuente que quiero usar, ¿cómo usar una determinada fuente? ¡Usa web-font!

PRIMERA PARTE

1. Bueno ... lo primero es ir a este sitio web: goo.gl/UY9nnn ... ¿hecho? ¡Estupendo! El sitio web se verá así:

Font Squirrel(unregistered user version)

2. Bien, bien ... ahora toma la fuente que quieras y súbela. Simplemente arrastre el archivo al botón de carga.

3. Acepte el acuerdo y presione descargar.

SEGUNDA PARTE

1. Después de descargar la fuente, obtendrá archivos como este:

Muchos archivos!

2. Abre tu Construct 2.

3. En la 'Barra de proyectos' tendrá todo tipo de archivos. Abra la carpeta 'Archivos' de la carpeta 'Música'.

Debajo de la carpeta 'Música'.

4. Haga clic derecho en la carpeta 'Archivos' e importa solo estas cosas:

¡Solo este tipo de archivos! Sin archivo HTML!

5. Crea cualquier objeto de texto. Escriba algo en él.

6. Abra el archivo stylesheet.css que ha importado ahora. (Aparecerá el Bloc de notas si configura el archivo CSS para abrir un bloc de notas.)

7. No hagas nada aún y ve a la hoja de eventos.

8. Escoja: System >> On start of layout.

9. En la pestaña de acción, eliga esto: (The text object) >> Set web font(Under 'Appearance')

LA ÚLTIMA PARTE

1. Ok, se verá aspi:

2. Echa un vistazo a stylesheet.css que abriste hace un momento, se verá así:

3. Copiar el 'font-family'

4. Pegar en el 'Family name' en Construct 2.

TRUCO: ¡Asegúrate de que el nombre sea exactamente el mismo!

5. El URL de CSS es donde pones el stylesheet.css en el motor de Construir 2 ...

Por ejemplo: Creé una nueva subcarpeta dentro de la carpeta 'Archivos' ... El nombre de la subcarpeta es Fuentes. Puse mi nueva fuente allí. Entonces, ¿cómo poner la url? como esto:

"../Fonts/stylesheet.css"

Por lo tanto sería así:

CONSEJOS: si no hay una subcarpeta, simplemente ponga stylesheet.css ... sin ../ thingy ..

TERMINADO!

¡De acuerdo! ¡Eso es todo! Si tienes algún problema, PM o comenta abajo. Espero que ustedes (o niñas) entiendan lo que escribí. Este es mi primer tutorial por cierto.

  • 0 Comments

Want to leave a comment? Login or Register an account!