CSS - ¿Como asociar una fuente a un nombre en CSS?

 
Vista:
sin imagen de perfil
Val: 10
Ha aumentado su posición en 7 puestos en CSS (en relación al último mes)
Gráfica de CSS

¿Como asociar una fuente a un nombre en CSS?

Publicado por paco01 (7 intervenciones) el 15/01/2017 17:53:41
Tengo que hacer que una fuente local esté asociada al nombre "fuente_ttf", pero no sé cómo hacerlo y he probado de todo. Este es mi código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
<style>
body {
font-family: fuente_ttf;
src: local(AlexBrush-Regular);
}
</style>
</head>
<body>
Texto de ejemplo.
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

¿Como asociar una fuente a un nombre en CSS?

Publicado por Diego (2 intervenciones) el 16/01/2017 11:42:00
Hola Paco.
Tienes que indexar la fuente primero.
La debes tener en formato .woff2 o .woff y guardarla en una carpeta.
Para obtener la fuente en este formato tienes que descargarla primero y transformarla, en este link lo puedes hacer. https://www.fontsquirrel.com/tools/webfont-generator

En esa página te genera un .zip con los .woff2 y .woff, ademas te da un código de cómo agregarla al principio de tu css, por ejemplo acá genere una monserratblack:
1
2
3
4
5
6
7
8
@font-face {
    font-family: 'montserratblack';
    src:url(../../../../Fuentes/montserrat-black-webfont.woff2) format('woff2'),
         url(../../../../Fuentes/montserrat-black-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
 
}

Luego de eso ya la podrías utlizar cómo lo estas haciendo en tu código.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar