Используйте любой из шрифтов и вариантов 1488 от fonts.google.com в вашем приложении Expo
Пакеты @expo-google-fonts
для Expo позволяют легко использовать любой из 1488 шрифтов (и их вариантов) с fonts.google.com в вашем приложении Expo.
Эти пакеты и все эти шрифты работают в Интернете, iOS и Android и могут бесплатно использовать и открытый исходный код.
Вот пример использования семейства Inter Font в очень простом проекте.
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 >
) ;
}
ПРИМЕЧАНИЕ . Вы также можете установить
expo-splash-screen
для загрузки шрифтов до того, как ваше приложение будет отображаться. Это поможет вам сохранить видимый экран брызг при загрузке шрифтов, а затем скрыть экран брызг, когда приложение отображается с некоторым начальным содержанием. См. Минимальный пример в шрифтах для получения дополнительной информации.
Вот минимальный, но полный пример.
Каждый отдельный семейный пакет Font Readme включает в себя полный пример использования этой семьи шрифтов.
Вы можете просмотреть все доступные шрифты Google на fonts.google.com.
каталог по Aatiladev-com.netlify.app-это каталог / поисковая система, которая позволит вам просматривать и искать все доступные шрифты и показывать вам соответствующие import
операторы, которые вам понадобятся, чтобы вы могли скопировать и вставить в свои собственные код.
Вот несколько примеров 5504 вариантов из 1488 шрифтов.
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
В этом репо также есть галерея, показывающая каждую семью шрифтов и вариант.
Если вы пробуете много разных шрифтов, вы можете попробовать использовать пакет @expo-google-fonts/dev
.
Вы можете импортировать любой стиль шрифта из любого пакета Fonts Expo Google. Он загрузит шрифты по сети во время выполнения, вместо того, чтобы добавлять активы в качестве файла в ваш проект, поэтому ваше приложение может занять больше времени, чтобы добраться до интерактивности при запуске, но это очень удобно для игры с любым стилем, который вы хотеть.
Проект Expo Google Fonts и его код лицензированы по лицензии MIT.
Все шрифты в каталоге Google Fonts являются бесплатными и с открытым исходным кодом.
У отдельных шрифтов есть свои собственные лицензии. Многие имеют лицензию с использованием лицензии Open Font. Например, Nunito использует OFL. Проверьте страницы шрифтов Google семейств, которые вы используете, и добавьте эти лицензии в список лицензий вашего проекта при публикации.
A: Вы можете свободно использовать эти шрифты в своих продуктах и проектах - печати или цифровой, коммерческой или иной. Тем не менее, вы не можете продать шрифты самостоятельно. Это не юридическая консультация, пожалуйста, рассмотрите возможность проконсультироваться с адвокатом и посмотрите полную лицензию для всех деталей.
Взносы очень приветствуются! Обратите внимание, что все под font-packages
, а также эта чтения генерируются. Поэтому, пожалуйста, внесите любые изменения, которые вы хотите внести в генератор вместо самих пакетов.
google_fonts
Flutter Package