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-face
y 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-face
coincida 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-weight
ofont-style
especí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-face
y la propiedadfont-family
. Es posible que el nombre ya esté en uso por otra fuente en el sistema y esté causando un conflicto.