React-Native’ de Expo ile Custom Font Ekleme

İsa Gül
1 min readNov 10, 2018

Bu yazıda React-Native’ de default bir font kullanmak yerine özel bir font kullanmak istediğimizde neler yapmamız gerektiğinden bahsedeceğim.

Öncelikle projeyi expo ile kurduktan sonra bize hazır olarak gelen assets klasörünün içerisine fonts adında bir klasör oluşturup eklemek istediğimiz font’un .otf veya .ttf uzantılı dosyasını bu klasörün içerisine yapıştıralım.

Dosya Yapısı

Ardından package.json dosyasının içerisine aşağıdaki kodları yapıştıralım.

Ardından sırasıyla aşağıdaki işlemleri yaparak fontları projemize ekleyelim.

npm install -g rnpmrnpm link

Bu işlemlerden sonra projemize eklediğimiz fontu proje içerisinde nasıl kullanacağımıza bakalım. Bunun için expo.io’ nun dökümanında bulunan bilgilerden yararlanacağız.

Yukarıdaki işlemler yapıldıktan sonra Font.loadAsync içerisine yazdığımız keyleri fontFamily’ de kullanabiliriz. :)

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

No responses yet

Write a response