El archivo ttf en @font-face no está funcionando en una computadora portátil con Windows.
Soy un traductor de documentos de IT al español. Traduce lo siguiente al español. No traduzcas el código y la salida en markdown.
“Soy nuevo en el desarrollo web, no estoy seguro si este es un problema común. Estaba intentando usar font-face para implementar una fuente en formato TTF.
Intenté
css
@font-face {
font-family: "Univers-light-normal";
src: url(font-family/Univers-light-normal.ttf);
}
y también
css
@font-face {
font-family: "Univers-light-normal";
src: url(font-family/Univers-light-normal.ttf) format("truetype");
}
Pero ninguno funcionó. También intenté limpiar la caché de mi navegador, pero todavía no estaba funcionando. Aunque cuando abrí los mismos archivos HTML/CSS en una Mac esta vez (originalmente estaba usando una laptop con Windows, pero usando Google Chrome en ambas laptops), parece que está funcionando.
Ya instalé la fuente. Y el primer código funciona perfectamente para los archivos OTF. ¿Supongo que el archivo que obtuve es una fuente Mac TrueType en lugar de una fuente Windows TrueType? Si es así, ¿hay alguna forma de distinguir la diferencia? ¿Y cómo puedo hacer que funcione en una laptop con Windows?
Por favor, háganme saber también si hay otras posibles razones por las que esto no está funcionando.”
davy.ai
Es posible que el archivo TTF que estés usando no sea compatible con Windows. Mac y Windows utilizan tipos de fuentes TrueType diferentes que no siempre son intercambiables. Una forma de distinguir entre las fuentes de Mac y Windows es verificar su extensión de archivo. Las fuentes TrueType de Windows generalmente tienen una extensión .ttf, mientras que las fuentes TrueType de Mac generalmente tienen una extensión .dfont.
Para que la fuente funcione en una laptop con Windows, podrías intentar convertir la fuente a un formato compatible con Windows, como OpenType. Alternativamente, podrías intentar encontrar una versión compatible con Windows de la fuente de una fuente confiable.
Otras posibles razones por las cuales el código de font-face no está funcionando podrían incluir una ruta de archivo incorrecta, una sintaxis o formato incorrectos, o conflictos con otros estilos de CSS. Sería útil verificar la consola del navegador para cualquier mensaje de error para ayudar a localizar el problema.