Vodnik za uporabo pisav po meri v React Native

Vodnik za uporabo pisav po meri v React Native
Bralci, kot ste vi, pomagajo podpirati MUO. Ko opravite nakup prek povezav na našem spletnem mestu, lahko zaslužimo partnersko provizijo. Preberi več.

React Native ponuja več privzetih slogov pisave, med katerimi lahko izbirate pri gradnji aplikacije. Če želite svoji aplikaciji ponuditi izvirnost in individualnost, ki jo potrebuje, da izstopa na prenatrpanem trgu, boste morda morali občasno uporabiti pisave po meri.





Naučimo se uporabljati pisave po meri pri gradnji vašega naslednjega projekta React Native.



MAKEUSEOF VIDEO DNEVA

Razumevanje formatov datotek pisav

Z React Native lahko projektu dodate datoteke s pisavami po meri in prilagodite videz besedilnih elementov v svojih aplikacijah. Te pisave po meri so na voljo v datotekah pisav z različnimi formati datotek. Datoteke vsebujejo kodirane informacije o slogu za določeno vrsto pisave.





Najpogostejši formati datotek s pisavami, ki jih boste uporabljali v mobilnem razvoju React Native, so:

  • Pisava TrueType (TTF): To je običajna oblika datoteke pisave, ki jo podpira večina operacijskih sistemov in aplikacij. Datoteke TTF so relativno majhne in lahko vsebujejo veliko znakov.
  • Pisava OpenType (OTF): Podobna je pisavi TTF, vendar lahko vsebuje tudi napredne tipografske funkcije. Datoteke OTF so večje od datotek TTF in jih ne podpira vsaka aplikacija.
  • Vdelana pisava OpenType (EOT): datoteke EOT so stisnjene in lahko vključujejo informacije o upravljanju digitalnih pravic (DRM), da se prepreči nepooblaščena uporaba. Vendar pa vsi brskalniki ne podpirajo EOT in na splošno ni priporočljiv za uporabo v sodobnih projektih.

Pri uporabi pisav po meri v projektu je pomembno, da izberete obliko datoteke pisave, ki ustreza potrebam projekta. To lahko vključuje dejavnike, kot so podpora za ciljno platformo, velikost datoteke, licenčne zahteve in podpora za napredne tipografske funkcije.



Uvažanje in uporaba datotek pisave v React Native

Datoteko pisave lahko prenesete od koder koli v internetu in jo uvozite v svoj osebni projekt React Native za uporabo. vendar obstaja veliko dobrih in varnih spletnih mest za prenos brezplačnih pisav od varno.

kje dobiti psička v moji bližini

Če želite uvoziti datoteko pisave v svoj projekt React Native, ustvarite datoteko sredstva/pisave imenik v korenu vašega projekta in vanj premaknite datoteke s pisavami.



pisave po meri1-4

Koraki, potrebni za uporabo pisav po meri, se razlikujejo pri delu s projektom, ki ga ustvari izključno React Native, ali projektom React Native, ki ga upravlja Expo.

React Native CLI

Če delate s projektom, ki ga ustvari React Native CLI, ustvarite react-native.config.js datoteko in v njej določite te nastavitve:



 module.exports = { 
    project: { 
        ios: {}, 
        android: {} 
    }, 
    assets: [ './assets/fonts/' ], 
}

Ta konfiguracija pove projektu, naj vključi sredstva pisav, shranjena v './assets/fonts/' tako da lahko aplikacija dostopa do njih pri upodabljanju besedilnih elementov.

Nato lahko povežete sredstev mapo v svoj projekt tako, da zaženete naslednje:

 npx react-native-asset