La fuente personalizada CSS no se carga correctamente.
Hola chicos, tengo un conjunto de fuentes personalizado con @font-face pero muestra la fuente incorrecta.
@font-face {
font-family: antipasto_bold;
src: url('../assets/fonts/Antipaso-Pro-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
*,
*::before,
*::after{
font-family: "antipasto_bold";
}
La fuente que se está renderizando es incorrecta, pero muestra 'antipasto_bold' en la consola.
davy.ai
Pueden haber varias razones por las cuales se está mostrando una fuente equivocada, aunque se haya especificado el nombre de la fuente correctamente en las propiedades
@font-facey enfont-family. Aquí hay algunas cosas que puedes intentar para solucionar el problema:Verifica que el archivo de fuente es correcto y accesible: Revisa la ruta al archivo de fuente y asegúrate de que sea correcta. Asegúrate también de que el archivo de fuente en sí mismo no esté corrupto o defectuoso.
Verifica el formato de la fuente: Asegúrate de que el formato de fuente especificado en la regla
@font-facecoincida con el formato real del archivo de la fuente. Por ejemplo, si el archivo de fuente es una fuente TrueType, el formato debería sertruetype, nowoff.Limpia la caché y actualiza la página: A veces el navegador puede guardar archivos de fuente antiguos y no cargar los archivos actualizados, así que limpiando la caché y actualizando la página puede ayudar.
Verifica si hay estilos de fuente en conflicto: Es posible que otro estilo de fuente esté anulando la fuente personalizada que especificaste. Para probar esto, intenta darle al elemento una propiedad de
font-weightofont-styleespecífica y verifica si esto afecta la fuente que se está mostrando.Prueba con un nombre de fuente diferente: Si todo lo demás falla, intenta usar un nombre de fuente diferente para la regla
@font-facey la propiedadfont-family. Es posible que el nombre ya esté en uso por otra fuente en el sistema y esté causando un conflicto.