google fonts
1.0.0
Utilisez l'une des 1488 polices et variantes de Fonts.google.com dans votre application Expo
Les packages @expo-google-fonts pour Expo vous permettent d'utiliser facilement l'une des 1488 polices (et leurs variantes) de Fonts.google.com dans votre application Expo.
Ces packages et toutes ces polices fonctionnent sur le Web, iOS et Android et sont gratuits à utiliser et open source.
Voici un exemple d'utilisation de la famille inter-polices dans un projet très 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 >
) ;
}Remarque : Vous pouvez également installer
expo-splash-screenpour charger les polices avant la renforcement de votre application. Cela vous aidera à maintenir l'écran de l'éclat visible tout en chargeant les polices, puis à masquer l'écran Splash lorsque l'application est rendue avec un contenu initial. Voir un exemple minimal dans les polices pour plus d'informations.
Voici un exemple minimal mais complet.
Chaque lecture individuelle de la famille de la famille des polices comprend un exemple complet d'utilisation de cette famille de polices.
Vous pouvez parcourir toutes les polices Google disponibles sur polices.google.com.
Directory-by-Atiladev-com.netlify.app est un répertoire / moteur de recherche qui vous permettra de parcourir et de rechercher toutes les polices disponibles et vous montrer les instructions import appropriées dont vous aurez besoin afin que vous puissiez copier et coller dans le vôtre code.
Voici quelques exemples des 5504 variantes de 1488 polices disponibles:
 |  |  |
 |  |  |
 |  |  |
 |  |  |
 |  |  |
Il y a aussi une galerie dans ce dépôt montrant chaque famille et variante de police disponibles.
Si vous essayez de nombreuses polices différentes, vous pouvez essayer d'utiliser le package @expo-google-fonts/dev .
Vous pouvez importer n'importe quel style de police à partir de n'importe quel package d'expositions Google Fonts. Il chargera les polices sur le réseau au moment de l'exécution au lieu d'ajouter l'actif en tant que fichier à votre projet, il peut donc prendre plus de temps pour que votre application puisse arriver à l'interactivité au démarrage, mais il est extrêmement pratique de jouer avec n'importe quel style que vous vouloir.
L'Expo Google Fonts Project et son code sont sous licence sous la licence MIT.
Toutes les polices du catalogue Google Fonts sont gratuites et open source.
Les polices individuelles ont leurs propres licences. Beaucoup sont autorisés à l'aide de la licence de police ouverte. Par exemple, Nunito utilise l'OFL. Consultez les pages Google Fonts des familles de polices que vous utilisez et ajoutez ces licences à la liste des licences de votre projet lorsque vous publiez.
R: Vous pouvez utiliser ces polices librement dans vos produits et projets - imprimé ou numérique, commercial ou autre. Cependant, vous ne pouvez pas vendre les polices par eux-mêmes. Ce n'est pas un conseil juridique, veuillez envisager de consulter un avocat et voir la licence complète pour tous les détails.
Les contributions sont les bienvenues! Notez que tout dans font-packages et aussi cette lecture sont générés. Alors, apportez toutes les modifications que vous souhaitez apporter au générateur au lieu des packages eux-mêmes.
google_fonts
