Agregar y seleccionar fuentes
Última actualización: 8 abril, 2025
Sitejet ofrece una gran variedad de fuentes que puedes añadir fácilmente a tu proyecto y usar. En este artículo, te mostraremos cómo añadir más fuentes a un sitio web, personalizarlas e incluso subir las tuyas.
Añade más fuentes a tu sitio web
Para agregar una fuente a su sitio web, abra el administrador de fuentes en el generador de sitios web siguiendo estos pasos:
- Haga clic en “Más” en la esquina superior derecha.
- Seleccione el elemento de menú “Fuentes”
Se abrirá el administrador de fuentes a la derecha de la pantalla. Aquí podrá ver las fuentes ya asignadas a su proyecto en “Fuentes seleccionadas”, así como muchas otras fuentes que puede previsualizar con texto de muestra haciendo clic en “Fuentes disponibles”.
Puede cambiar el texto de muestra directamente en el administrador de fuentes para ver rápida y fácilmente cómo se vería el texto deseado con esta fuente. Para ello, haga clic en el texto de muestra e introduzca el texto deseado. Si desea previsualizar el nuevo texto de muestra para todas las fuentes, puede hacer clic en el botón “Copiar texto a todas las vistas previas”.
Una vez que haya elegido una fuente, haga clic en el símbolo más a la derecha para agregar la fuente a su proyecto.
La fuente seleccionada se mostrará en la parte superior y estará disponible para su proyecto. Puede configurar las fuentes predeterminadas para el texto normal (Predeterminado) o para los titulares (Titulares) marcando la casilla correspondiente.
También puedes personalizar las fuentes añadidas a tu proyecto haciendo clic en el icono de configuración. Esto abrirá más opciones para la apariencia de la fuente. En los elementos de texto, solo estarán disponibles los estilos de fuente que selecciones aquí marcando la casilla.
Para garantizar tiempos de carga mínimos, se procura cargar la menor cantidad posible de scripts y archivos, incluyendo fuentes. Por lo tanto, cada fuente debe añadirse individualmente al proyecto. Se recomienda eliminar las fuentes no utilizadas del proyecto haciendo clic en el icono de la papelera a la derecha de la fuente. Lo mismo ocurre con los estilos de fuente: solo se deben seleccionar los que se utilizan en el sitio web.
Personalizar fuentes
Por supuesto, hay ajustes detallados disponibles para cada fuente. Para acceder a ellos y modificarlos, simplemente haga clic en “Diseño” en la barra de navegación superior y se abrirá la pestaña “Texto” . Aquí puede ajustar las opciones de fuente para textos y titulares. Ajustando la ventana gráfica en la barra de navegación superior, también puede definir el tamaño de fuente para tabletas y dispositivos móviles.
Subir fuentes
Si desea utilizar una fuente que no está en la lista de “Fuentes disponibles”, puede cargar la suya haciendo clic en “Cargar fuentes” y seleccionando el archivo desde el administrador de medios o cargando el archivo desde su computadora.
Recomendamos usar los formatos WOFF o WOFF2, ya que están optimizados para su uso en navegadores modernos. Si solo dispone de otro formato, puede usar herramientas en línea como Font Squirrel Webfont Generator para convertir a formatos de fuentes web, incluido WOFF. Sin embargo, por lo general, también se admiten los formatos .ttf, .eot y .svg.
Algunas fuentes solo se pueden usar con la licencia correspondiente. Para garantizar una presencia web fluida, averigüe con antelación si está permitido usar una fuente en particular y a qué condiciones está sujeto su uso.
Seleccionar fuentes
Una vez que haya añadido fuentes a su sitio web, estarán disponibles en todos los elementos que muestran texto, a menos que su fuente esté configurada mediante propiedades predefinidas. En el modo de edición del cuadro de texto, puede seleccionar una fuente del menú desplegable que aparece al hacer clic en el icono “A”. Puede ver más detalles en la imagen a continuación:
Este artículo es una traducción del original en inglés titulado “Add and select fonts” publicado por Sitejet.
