Fuentes
Aqui podras observar las clases para cambiar el tamaño, fuente, color y grosor de la letra para tus paginas
Colores
Para cambiar el color de la letra se utiliza la clase color-font-"color", ahora un ejemplo:
Texto en color primario
Texto en color secundario
Texto en color terciario
Texto en color de informacion
Texto en color de peligro
Texto en color de advertencia
Texto en color de exito
Texto en color claro
Texto en color oscuro
Codigo
<span
class="color-font-primario">Texto en color primario </span>
<span
class="color-font-secundario">Texto en color secundario </span>
<span
class="color-font-terceario">Texto en color terciario</span>
<span
class="color-font-informacion">Texto en color de informacion </span>
<span
class="color-font-peligro">Texto en color de peligro</span>
<span
class="color-font-advertencia">Texto en color de advertencia</span>
<span
class="color-font-exito">Texto en color de exito</span>
<span
class="color-font-claro">Texto en color claro</span>
<span
class="color-font-oscuro">Texto en color oscuro</span>
Tamaños
Existen 5 tamaños para el texto los cuales son:
Texto tamaño 1
Texto tamaño 2
Texto tamaño 3
Texto tamaño 4
Texto tamaño 5
Codigo
<span
class="sf-1">Texto tamaño 1</span>
<span
class="sf-2">Texto tamaño 2</span>
<span
class="sf-3">Texto tamaño 3</span>
<span
class="sf-4">Texto tamaño 4</span>
<span
class="sf-5">Texto tamaño 5</span>
Fuente de letra
Hay varias fuentes de letras para que el usuario pueda escoger la mejor
Texto en Arial
Texto en Calibri
Texto en GillSans
Texto en Times
Texto en Verdana
Codigo
<span
class="ttxt-Arial">Texto en Arial</span>
<span
class="ttxt-Calibri">Texto en Calibri</span>
<span
class="ttxt-GillSans">Texto en GillSans</span>
<span
class="ttxt-Times">Texto en Times</span>
<span
class="ttxt-Verdana">Texto en Verdana</span>
Alineación de texto
El alineado de texto de llama con la clase ta-"alineado" estos son unos ejemplos
Texto centrado
Texto en el comienzo
Texto en el final
Texto justificado
Texto a la izquierda
Texto a la derecha
Codigo
<span
class="ta-center">Texto centrado</span>
<span
class="ta-start">Texto en el comienzo</span>
<span
class="ta-end">Texto en el final</span>
<span
class="ta-justify">Texto justificado</span>
<span
class="ta-left">Texto a la izquierda</span>
<span
class="ta-right">Texto a la derecha</span>
