Use la directiva
. Te dan * .ttf para que probablemente puedas salirte con la tuya: @font-face
@font-face { font-family: "Roboto"; src: url("fonts/Roboto-Regular.ttf"); } @font-face { font-family: "Roboto"; src: url("fonts/Roboto-Bold.ttf"); font-weight: bold; } @font-face { font-family: "Roboto"; src: url("fonts/Roboto-Italic.ttf"); font-style: italic, oblique; } @font-face { font-family: "Roboto"; src: url("fonts/Roboto-BoldItalic.ttf"); font-weight: bold; font-style: italic, oblique; } /* ... and so on */
que agrega los múltiples estilos adjuntos al “Roboto” y luego simplemente tienes que hacer
body { font-family: 'Roboto', Fallback, sans-serif; }
Otras referencias para respaldar mis reclamos
[1] Usando @ font-face | CSS-Tricks
[2] ¿Cómo agregar múltiples archivos de fuente para la misma fuente?
- Con respecto a la cursiva, tanto el “verdadero” como el romano inclinado, ¿dónde, cómo y por qué se hizo popular la historia única ayg?
- ¿El tipo de letra Calibri es de uso gratuito para fines comerciales?
- ¿Por qué Gmail usa Arial?
- ¿Por qué muchos sitios usan una fuente tan grande, incluso en el escritorio, hoy en día?
- ¿Por qué Google Fonts no funciona correctamente cuando visualizo mi página en Chrome? ¿Cómo lo corrijo?