[SOLUCIONADO] insertar tipografia en css

[choquii]

Hola buenas tardes !! estoy tratando de insertar la tipografia Open Sans Pro en mi web.. la cuestion es que estuve viendo como insertarlas con @font-face pero en mi web uso las diferentes variaciones que tiene la tipografia... la que viene regular, semibold y light ... no se como hacerlo.. si tengo que poner varias sentencias de @font-face por cada uno de ellos.. y otra cosa que me confunde es el font-family.. por ejemplo al semibold o al light que nombre deberia ponerle??

Los nombres de las tipografias que tengo son asi: OpenSans-Semibold.ttf , OpenSans-Light.ttf, OpenSans-Regular.ttf

Muchas graciaas!

[pzin]

Tienes que crear varias reglas, pero usas el mismo nombre para la fuente (font-family, el nombre del archivo no tiene mayor interés), y lo que cambias en cada regla son las propiedades style y font-weight.

Normalmente si no lo haces así, siguen habiendo cursivas y negritas de esa fuente, pero, no son reales ya que lo que hace el motor del navegador es inclinar la fuente o añadir píxeles respectivamente. Pero así como digo debería de funcionar bien.

[choquii]

pero cuando indique la url donde esta la tipografia.. a cual la deberia linkear? a la regular?... osea poner varias font-face y linkearla a la misma tipografia pero solo cambiar el weight?

[pzin]

No. Enlazas a la que quieras poner.

Si en el peso de la fuente indicas por ejemplo 700, pues será la semibold, si pones 200 será a la light y si en el estilo indicas cursiva pues enlazarás a la cursiva.

[choquii]

Muchas gracias funciona!Saludos