Con la siguiente linea CSS es posible utlizar fuentes que se encuentran en nuestro servidor:
@font-face { font-family: 'Fira'; src: url('fira-sans/FiraSans-Book.otf');}
@font-face permite al autor especificar fuentes online para visualizar en sus páginas web. Al permitir a los autores proporcionar
sus propias fuentes, @font-face elimina la necesidad de depender del numero limitado de fuentes de usuarios instaladas en
sus computadoras.
Ver mas
Tambien se pueden inportar hojas de estilos con fuentes desde servidores externos:
@import url('https://fonts.googleapis.com/css?family=Roboto');
La regla-at CSS @import permite importar reglas desde otras hojas de estilo.
Estas reglas deben preceder a todos los otros tipos de reglas, excepto a las reglas @charset; como esto no es una declaración anidada, no puede ser usado dentro de grupos condicionales de reglas-at. Para que los agentes de usuario puedan evitar recuperar recursos para tipos de medios no soportados,
los autores pueden especificar reglas dependientes del tipo de medio @import. Estas condiciones @imporse especifican separando por una coma las consultas de medios (media query) despues de la url. En la ausencia de cualquier consulta de medios (media query), la importación es incondicional. Especificando all para el medio tiene el mismo efecto.
Ver mas