El desarrollo web no se trata solo de crear sitios web visualmente atractivos y funcionales, sino tambi n de trabajar correctamente con la tipograf a. Una forma de aumentar el efecto de dise o y hacer que un sitio web sea nico es usar Fuentes especiales.
Para aquellos que crean sitios en la plataforma Tilda, hay una funci n de conexi n de fuente simple y conveniente. El proceso es bastante simple y no requiere un conocimiento profundo del desarrollo web. En este art culo, le mostraremos c mo conectar Fuentes a Tilda para que su sitio se vea elegante y profesional.
Antes de continuar con los pasos de conexi n, debe seleccionar y descargar las Fuentes deseadas. Recomendamos recurrir a Fuentes probadas como Google Fonts o Adobe Fonts, donde puede encontrar una rica selecci n de Fuentes de calidad para su sitio.
Una vez que haya seleccionado las Fuentes, debe conectarlas a su sitio en Tilda. Para saber c mo hacerlo, sigue leyendo!
- Registrarse en Tilda
- Crear un proyecto en Tilda
- Selecci n y descarga de Fuentes
- Crear un archivo CSS para Fuentes
Registrarse en Tilda
Paso 1: Vaya al sitio web oficial de Tilda.
Paso 2: haga Clic en el bot n "Registrarse" en la esquina superior derecha de la p gina.
Medida 3: Ingrese su direcci n de correo electr nico y cree una contrase a para iniciar sesi n en la plataforma.
Paso 4: haga Clic en el bot n "Crear cuenta".
Paso 5: Ingrese informaci n sobre usted y su proyecto.
Paso 6: Confirme su registro haciendo clic en el enlace que recibir en su correo electr nico.
Crear un proyecto en Tilda
- Reg strese en el sitio web de Tilda.
- Despu s de registrarse, haga clic en el bot n "Crear nuevo proyecto".
- Elija un dise o de proyecto de las plantillas disponibles o cree el suyo propio.
- Personalice los par metros b sicos del proyecto, como el t tulo, la descripci n, el Esquema de color, etc.
- Agregue los bloques necesarios a las p ginas del proyecto. Tilda proporciona muchas unidades prefabricadas que se pueden configurar y organizar f cilmente.
- Cargue contenido, incluidos textos, im genes y otros archivos multimedia.
- Personalice los estilos de bloques y elementos del proyecto utilizando las herramientas integradas de Tilda.
- Pruebe el proyecto en diferentes dispositivos para asegurarse de que se vea correcto.
- Publique el proyecto en su subdominio, en su alojamiento o en los servidores de Tilda.
Felicidades, has creado con xito un proyecto en Tilda! Ahora puede personalizarlo a n m s, agregar Fuentes y lograr el dise o que desea.
Selecci n y descarga de Fuentes
Medida 1: Elija la fuente adecuada para su sitio web. Recuerde que la fuente debe coincidir con el estilo y el tema de su proyecto. Puede elegir una fuente de colecciones gratuitas como Google Fonts o Font Squirrel, o comprar una fuente de pago con derechos comerciales.
Paso 2: Descargue la fuente seleccionada en su computadora. La fuente se puede descargar como un archivo con diferentes formatos (por ejemplo .ttf, .otf, .woff) o como archivos separados.
Paso 3: Cargue la fuente en la plataforma Tilda. Para hacer esto, abra el Editor de su proyecto y vaya a la secci n Dise o. En la secci n Fuentes, busque el bot n Descargar Fuentes y seleccione los archivos descargados de su computadora. Espere a que las Fuentes se carguen en el servidor.
Paso 4: conecte las Fuentes descargadas a su proyecto. Regrese al Editor del proyecto y vaya a Configuraci n. En esta secci n, ver una lista de Fuentes disponibles. Seleccione las Fuentes deseadas y haga clic en el bot n "Conectar Fuentes".
Paso 5: Aplique las Fuentes descargadas al texto en su sitio. Para ello, seleccione el texto o el t tulo que desee y seleccione las Fuentes disponibles de la lista. Las Fuentes se aplicar n autom ticamente al texto seleccionado.
Puede utilizar m ltiples Fuentes en su sitio web. Simplemente repita los pasos con la descarga y conexi n de Fuentes para cada fuente requerida.
| Ventajas de descargar Fuentes en Tilda: |
|
Crear un archivo CSS para Fuentes
Para conectar Fuentes a Tilda, debe crear un archivo CSS que describa y configure las Fuentes seleccionadas.
1. Cree un nuevo archivo de texto y gu rdelo con la extensi n".css . Por ejemplo, " fonts.css .
2. Abra el archivo en un Editor de texto y comience a describir cada fuente en consecuencia. A continuaci n se muestra el c digo de ejemplo:
@font-face {
font-family :' nombre de fuente';
src: url ('ruta del archivo de fuente');
font-style: normal;