typefaces
1.0.0
El proyecto de tipos de letra ahora está en desuso.
@DecliningLotus creó FontSource, que proporciona la misma funcionalidad que los tipos de letra, pero con versiones automatizadas y soporte más rico para importar pesos, estilos o subconjuntos de idiomas específicos.
Para comenzar a usar FontSource, reemplace en su paquete.json cualquier instancia de "tipos de tipos " con "@fontsource/ ".
Luego, cambie las importaciones de EG "Importar 'Tipo-Roboto'" a "importar '@fontsource/roboTo/latin.css".
Los paquetes de tipos de letra continuarán funcionando indefinidamente para que no sean necesarios cambios inmediatos.
Paquetes NPM para tipos de letra de código abierto, lo que hace que sea más fácil de auto-host webfonts.
https://www.bricolage.io/typefaces-ice-way-to-to-self-honts/
Cada paquete de tipos de letra se envía con todos los archivos de fuentes necesarios y CSS para auto-anfitrión de un tipo de tipo de código abierto.
Se han agregado todas las fuentes de Google, así como una pequeña pero creciente lista de otras fuentes de código abierto. ¡Abra un problema si desea una fuente agregada!
No podría ser más fácil. Así es como agregarías abierta sans.
npm install --save typeface-open-sans
Luego en su aplicación o archivo de entrada del sitio.
require ( "typeface-open-sans" )¡Y eso es todo! ¡Ahora eres el autoengustador abierto sans!
Debería tomar <5 minutos para cambiar las fuentes de Google.
Tipoface supone que está utilizando Webpack con la configuración de los cargadores para cargar CSS y archivos de fuentes (puede usar Tipo de tipo Suponiendo que su configuración de Webpack se configure correctamente, solo necesita requerir el tipo de letra en el archivo de entrada para su proyecto.
Muchas herramientas construidas con Webpack, como Gatsby y Create React App ya están configuradas para funcionar con tipos de letra. Gatsby de forma predeterminada también incrusta su CSS en su <head> para una carga aún más rápida.
Si no está utilizando webpack o una herramienta equivalente que le permita requerir CSS, entonces deberá integrar manualmente el índice.css y los archivos de fuentes del paquete a su sistema de compilación.
La forma más fácil de averiguar si su tipo de letra favorita es compatible es buscar en NPM o en el directorio de paquetes en este repositorio.
¡Me encantaría ver todas las fuentes de código abierto en NPM! Abra un problema si falta una tipografía favorita. He publicado programáticamente todas las fuentes de Google Fonts y estoy planeando hacer lo mismo con las fuentes alojadas en FontSquirrel a través de su API.
require('open-sans/greek.css') ?
