Las fuentes desempeñan un papel importante en el diseño web, y un estilo tipográfico coherente y reconocible ayuda a transmitir una sensación de profesionalidad e identidad de marca.Tema Kadence Proporciona una función de fuente personalizada , soporte para cargar archivos de fuentes locales , y la llamada flexible en el tema .
Este artículo recopila un conjunto completo de procedimientos de carga y configuración de fuentes Kadence para quienes deseen mejorar su estilo visual. WordPress Página web.
![Imagen [1] - Tutorial completo sobre la carga de fuentes personalizadas para los temas de Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328103231648-image.png)
preliminar
Antes de empezar, necesita tener el Kadence Custom Fuentes que se incluye en el Kadence versión avanzadaEn el set.
![Imagen [2] - Tutorial completo sobre la carga de fuentes personalizadas para los temas de Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328102856490-image.png)
También tendrá que preparar los archivos de fuentes cuyo uso se ha autorizado, recomendados .woff
responder cantando .woff2
dos formatos para mejorar la compatibilidad y la velocidad de carga.
![Imagen [3] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328102952925-image.png)
Si no se incluye en el paquete de fuentes .woff2
puede utilizarse Transfonter.org y otras herramientas .ttf
tal vez .otf
al formato deseado.
![Imagen [4] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328103159121-image.png)
Instale el plugin y active la función de carga
![Imagen [5] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328103619673-image.png)
- entrar en WordPress Dashboard, cargue y active el plugin en "Plugins".
![Imagen [6] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110239437-image.png)
- Tras el inicio, se añadirá "Personalizado" al menú de fondo. Fuentes"Opciones.
![Imagen [7] - Tutorial completo sobre la carga de fuentes personalizadas para los temas de Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110302657-image.png)
Carga de archivos de fuentes y creación de grupos de fuentes
entrar enestado exterior > Fuentes personalizadas > Añadir nueva fuenteEmpieza a cargar.
Rellene la información
- Nombre de la fuente: nombre de la fuente (por ejemplo, Albra Display Regular)
- Nombre de la familia de fuentes: Nombre unificado de la familia de fuentes (por ejemplo, Albra Display)
- Nombre del estilo de fuente: nombre utilizado para distinguir el estilo (por ejemplo, Negrita, Normal, Cursiva).
![Imagen [8] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110425505-image.png)
permanezca en Fuente Nombre de la familia es coherente, puede llamar a diferentes pesos o estilos de manera uniforme en el tema.
Añadir archivos de fuentes
Haga clic en "¡§Añadir archivo"Cargar .woff
responder cantando .woff2
Documentación.
![Imagen [9] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110536591-image.png)
Ajustar pesos y estilos de letra
- Peso de la fuente: se ajusta según el estilo de la fuente, por ejemplo, Regular se ajusta a 400, Negrita se ajusta a 700.
- Estilo de fuente: si es cursiva, ajústelo a cursiva, mantenga el normal para la fuente normal.
![Imagen [10] - Tutorial completo sobre la carga de fuentes personalizadas para temas Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110728191-image.png)
Haga clic en "¡§escriba a"Guardar configuración".
Repita la operación, puede cargar varias versiones para la misma fuente (por ejemplo, Normal, Negrita, Cursiva) para una gestión y recuperación unificadas.
Aplicar fuentes al tema
Una vez finalizada la carga, vaya aestado exterior > personalización > Colores & Fuentes >
![Imagen [11] - Tutorial completo sobre la carga de fuentes personalizadas para los temas de Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110828581-image.png)
En el selector de fuentes, marque el nombre de la familia de fuentes que acaba de cargar. Se pueden establecer diferentes estilos y pesos de fuente para elementos como encabezados, cuerpo de texto, navegación, etc. (tosquedad).
![Imagen [12] - Tutorial completo sobre la carga de fuentes personalizadas para los temas de Kadence](https://www.361sale.com/wp-content/uploads/2025/03/20250328110924907-image.png)
Si no ves la nueva fuente, actualiza la página o borra la caché del navegador y vuelve a cargarla.
Recomendaciones adicionales
Al cargar fuentes, puede añadir varios pesos y versiones de estilo al mismo tiempo, lo que facilita el cambio libre entre módulos. Por ejemplo:
- Normal: 400
- Negrita: 700
- Cursiva: 400 + estilo en cursiva
Asegúrese de que los nombres de las familias de fuentes sean coherentes para que la llamada sea fácil y uniforme.
resúmenes
Tema Kadence Combinado con Custom Fuentes Plugin que proporciona un mecanismo completo de carga y aplicación de fuentes. Ya sea para la personalización de su marca, la optimización de la lectura o la mejora de la estética del diseño, puede aportar una mayor flexibilidad y expresividad a la tipografía del sitio web.
La funcionalidad ampliada para sitios multilingües, la compatibilidad con caracteres especiales o las mejoras tipográficas pueden mejorarse aún más con plataformas profesionales de servicios de fuentes para obtener soluciones de diseño más ricas.
Enlace a este artículo:https://www.361sale.com/es/47816
El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios