Estoy alojando un proyecto de javascript localmente y tratando de usar la fuente local, pero parece que no está cargada, aquí está mi código style.css, ipixregular es la fuente que estoy tratando de usar, ¿puedo saber cuál podría ser el problema? ¿Y necesito referirlo en html? Gracias
@import "@fontsource/press-start-2p/index.css"; @import "@16bits/nes.css/css/nes.min.css"; @font-face { font-family: 'ipixregular'; src: url('front/ipix-webfont.eot'); src: url('front/ipix-webfont.eot?#iefix') format('embedded-opentype'), url('front/ipix-webfont.woff2') format('woff2'), url('front/ipix-webfont.woff') format('woff'), url('front/ipix-webfont.ttf') format('truetype'), url('front/ipix-webfont.svg#ipixregular') format('svg'); font-weight: normal; font-style: normal; } * { font-family: ipixregular } .nes-btn { font-family: "Press Start 2P"; }Me di cuenta de que está usando "frente" en lugar de "fuente" en sus URL, para ser claros, ¿es este el nombre de carpeta correcto? Podría ser simplemente un error tipográfico.
Es decir, desde: url('front/ipix-webfont.eot') a: url('font/ipix-webfont.eot')
@import carga las reglas de estilo de fuente @font-face carga la fuente
No entiendo por qué tienes la regla font-family: "Press Start 2P"; ya que no es una familia de fuentes válida.
Podrías probar body * {font-family: ipixregular;}