Gunakan salah satu dari 1488 font dan varian dari fonts.google.com di aplikasi Expo Anda
Paket @expo-google-fonts
untuk Expo memungkinkan Anda untuk dengan mudah menggunakan salah satu dari 1488 font (dan varian mereka) dari fonts.google.com di aplikasi Expo Anda.
Paket -paket ini dan semua font ini berfungsi di seluruh web, iOS, dan Android dan bebas untuk digunakan dan open source.
Berikut adalah contoh menggunakan keluarga antar font dalam proyek yang sangat sederhana.
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 >
) ;
}
Catatan : Anda juga dapat menginstal
expo-splash-screen
untuk memuat font sebelum aplikasi Anda diberikan. Ini akan membantu Anda menjaga layar splash terlihat saat memuat font dan kemudian menyembunyikan layar splash ketika aplikasi telah diberikan dengan beberapa konten awal. Lihat contoh minimal dalam font untuk informasi lebih lanjut.
Berikut adalah contoh minimal tapi lengkap.
Setiap Paket Keluarga Font, Readme menyertakan contoh lengkap penggunaan keluarga font itu.
Anda dapat menelusuri semua Google Font yang tersedia di fonts.google.com.
Direktori-oleh-Atiladev-Com.netlify.app adalah direktori / mesin pencari yang akan memungkinkan Anda menjelajah dan mencari melalui semua font yang tersedia dan menunjukkan kepada Anda pernyataan import
yang sesuai yang Anda perlukan sehingga Anda dapat menyalin & menempel ke milik Anda sendiri kode.
Berikut adalah beberapa contoh dari 5504 varian dari 1488 font yang tersedia:
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
Ada juga galeri dalam repo ini yang menunjukkan setiap keluarga dan varian font yang tersedia.
Jika Anda mencoba banyak font yang berbeda, Anda dapat mencoba menggunakan paket @expo-google-fonts/dev
.
Anda dapat mengimpor gaya font apa pun dari paket Expo Google Fonts darinya. Ini akan memuat font melalui jaringan saat runtime alih -alih menambahkan aset sebagai file ke proyek Anda, jadi mungkin perlu lebih lama untuk aplikasi Anda untuk mendapatkan interaktivitas saat startup, tetapi sangat nyaman untuk bermain -main dengan gaya apa pun yang Anda lakukan ingin.
Proyek Expo Google Fonts dan kodenya dilisensikan di bawah lisensi MIT.
Semua font dalam katalog Google Fonts adalah sumber terbuka dan open.
Font individu memiliki lisensi sendiri. Banyak yang berlisensi menggunakan lisensi font terbuka. Misalnya, Nunito menggunakan OFL. Periksa halaman Google Fonts dari keluarga font yang Anda gunakan dan tambahkan lisensi tersebut ke daftar lisensi proyek Anda saat Anda mempublikasikan.
A: Anda dapat menggunakan font ini secara bebas dalam produk & proyek Anda - cetak atau digital, komersial atau lainnya. Namun, Anda tidak dapat menjual font sendiri. Ini bukan nasihat hukum, harap pertimbangkan untuk berkonsultasi dengan pengacara dan lihat lisensi lengkap untuk semua detail.
Kontribusi sangat disambut! Perhatikan bahwa semuanya di bawah font-packages
dan juga readme ini dihasilkan. Jadi, tolong buat perubahan apa pun yang ingin Anda lakukan ke generator alih -alih paket itu sendiri.
google_fonts