google fonts
1.0.0
Verwenden Sie eine der 1488 Schriftarten und Varianten von fonts.google.com in Ihrer Expo -App
Mit den @expo-google-fonts Paketen für Expo können Sie in Ihrer Expo-App problemlos eine von 1488 Schriftarten (und deren Varianten) von fonts.google.com verwenden.
Diese Pakete und all diese Schriftarten funktionieren in Web, iOS und Android und können frei und Open Source verwendet werden.
Hier ist ein Beispiel für die Verwendung der Inter -Font -Familie in einem sehr einfachen Projekt.
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 >
) ;
}HINWEIS : Sie können auch
expo-splash-screeninstallieren, um Schriftarten zu laden, bevor Ihre App gerendert wird. Dies hilft Ihnen, den Begrüßungsbildschirm beim Laden der Schriftarten sichtbar zu halten und dann den Begrüßungsbildschirm auszublenden, wenn die App mit einigen anfänglichen Inhalten gerendert wurde. Weitere Informationen finden Sie unter minimalem Beispiel in Schriftarten.
Hier ist ein minimales, aber vollständiges Beispiel.
Jedes einzelne Schriftfamilienpaket Readme enthält ein vollständiges Beispiel für die Verwendung dieser Schriftfamilie.
Sie können alle verfügbaren Google -Schriftarten auf fonts.google.com durchsuchen.
Verzeichnis für Atiladev-com.netlify.app ist eine Verzeichnis / eine Suchmaschine, mit der Sie alle verfügbaren Schriftarten durchsuchen und durchsuchen und Ihnen die entsprechenden import anzeigen können, damit Sie kopieren und in Ihre eigenen einfügen können Code.
Hier sind einige Beispiele für die 5504 Varianten von 1488 verfügbaren Schriftarten:
 |  |  |
 |  |  |
 |  |  |
 |  |  |
 |  |  |
In diesem Repo gibt es auch eine Galerie, die jede Schriftfamilie und Variante zeigt.
Wenn Sie viele verschiedene Schriftarten ausprobieren, können Sie das @expo-google-fonts/dev -Paket verwenden.
Sie können einen beliebigen Schriftartstil aus einem beliebigen Expo -Google -Schriftartenpaket importieren. Es wird die Schriftarten zur Laufzeit über das Netzwerk geladen, anstatt das Vermögenswert als Datei zu Ihrem Projekt hinzuzufügen. Daher kann es länger dauern, bis Ihre App beim Start der Interaktivität in die Interaktivität gelangt. Es ist jedoch äußerst bequem, mit jedem Stil herumzuspielen, den Sie wollen.
Das Expo Google Fonts -Projekt und sein Code sind im Rahmen der MIT -Lizenz lizenziert.
Alle Schriftarten im Google -Schriftartenkatalog sind kostenlos und Open Source.
Einzelne Schriftarten haben ihre eigenen Lizenzen. Viele werden mit der Open -Schriftart -Lizenz lizenziert. Zum Beispiel verwendet Nunito die OFL. Überprüfen Sie die Google -Schriftarten Seiten der Schriftfamilien, die Sie verwenden, und fügen Sie diese Lizenzen bei der Veröffentlichung in die Lizenzenliste Ihres Projekts hinzu.
A: Sie können diese Schriftarten in Ihren Produkten und Projekten frei verwenden - Druck oder digital, kommerziell oder auf andere Weise. Sie können die Schriftarten jedoch nicht selbst verkaufen. Dies ist keine Rechtsberatung. Bitte betrachten Sie einen Anwalt und sehen Sie die vollständige Lizenz für alle Details.
Beiträge sind sehr willkommen! Beachten Sie, dass alles unter font-packages und auch dieses Readme generiert wird. Nehmen Sie also bitte alle Änderungen vor, die Sie dem Generator anstelle der Pakete selbst vornehmen möchten.
google_fonts flattern Paket
