Use cualquiera de las 1488 fuentes y variantes de fuentes.google.com en su aplicación de exposición
Los paquetes de @expo-google-fonts
para Expo le permiten usar fácilmente cualquiera de las 1488 fuentes (y sus variantes) de Fonts.google.com en su aplicación Expo.
Estos paquetes y todas estas fuentes funcionan en Web, iOS y Android y son libres de usar y código abierto.
Aquí hay un ejemplo del uso de la familia entre fuentes en un proyecto muy simple.
npx expo install @expo-google-fonts/inter expo-font
import React , { useState , useEffect } from 'react' ;
import { Text , View , StyleSheet } from 'react-native' ;
import { useFonts , Inter_900Black } from '@expo-google-fonts/inter' ;
export default function App ( ) {
let [ fontsLoaded ] = useFonts ( {
Inter_900Black ,
} ) ;
if ( ! fontsLoaded ) {
return null ;
}
return (
< View style = { { flex : 1 , justifyContent : 'center' , alignItems : 'center' } } >
< Text style = { { fontFamily : 'Inter_900Black' , fontSize : 40 } } > Inter Black < / Text >
< / View >
) ;
}
Nota : También puede instalar
expo-splash-screen
para cargar fuentes antes de que su aplicación se represente. Esto lo ayudará a mantener visible la pantalla de salpicaduras mientras carga las fuentes y luego ocultar la pantalla de salpicaduras cuando la aplicación se haya presentado con algún contenido inicial. Consulte un ejemplo mínimo en fuentes para obtener más información.
Aquí hay un ejemplo mínimo pero completo.
Cada paquete familiar de fuentes individuales readme incluye un ejemplo completo de usar esa familia de fuentes.
Puede navegar por todas las fuentes de Google disponibles en Fonts.google.com.
directorio-by-atiladev-com.netlify.app es un directorio / motor de búsqueda que le permitirá navegar y buscar a través de todas las fuentes disponibles y mostrarle las declaraciones import
apropiadas que necesitará para que pueda copiar y pegar en su cuenta código.
Aquí hay algunos ejemplos de las 5504 variantes de 1488 fuentes disponibles:
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
También hay una galería en este repositorio que muestra cada familia de fuentes y variantes disponibles.
Si está probando muchas fuentes diferentes, puede intentar usar el paquete @expo-google-fonts/dev
.
Puede importar cualquier estilo de fuente desde cualquier paquete de Fonts de Google de Expo. Cargará las fuentes a través de la red en tiempo de ejecución en lugar de agregar el activo como un archivo a su proyecto, por lo que puede tomar más tiempo para su aplicación llegar a la interactividad al inicio, pero es extremadamente conveniente para jugar con cualquier estilo que desear.
El proyecto Expo Google Fonts y su código tienen licencia bajo la licencia MIT.
Todas las fuentes en el catálogo de Google Fonts son gratuitos y de código abierto.
Las fuentes individuales tienen sus propias licencias. Muchos tienen licencia utilizando la licencia de fuente abierta. Por ejemplo, Nunito usa el OFL. Consulte las páginas de Google Fonts de las familias de fuentes que está utilizando y agregue esas licencias a la lista de licencias de su proyecto cuando publique.
R: Puede usar estas fuentes libremente en sus productos y proyectos: impreso o digital, comercial o de otra manera. Sin embargo, no puedes vender las fuentes por su cuenta. Esto no es asesoramiento legal, considere consultar a un abogado y vea la licencia completa para todos los detalles.
¡Las contribuciones son muy bienvenidas! Tenga en cuenta que todo bajo font-packages
y también este readme se genera. Por lo tanto, haga cualquier cambio que desee hacer al generador en lugar de los paquetes en sí.
google_fonts