React - Projeye yeni bir font ekle


Yeni bir font eklemek

İstediğimiz ve varsayılan olarak yüklü olmayan bir font eklemek istediğimizde projemize yapmamız gereken:

Index.html  <link> tagleri içerisinde <head></head> bölümüne ekleriz.

Google fontlarından bir font seçelim buradan seçebiliriz.
İstediğimiz fontun üzerindeki artı işareti ile girerek istediğimiz özellikleri dahil ederiz oda bize projemize eklememiz için bir <link> oluşturur.




Bu linki projemizin index.html dosyasına ekleyelim. 















Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

React ile Google Maps Örnekleri

Resim
React-google-maps create-react-app <Proje_adı> src klasörünün altına components kalsörü oluşturalım. Components klasörünede Map.js dosyamızı oluşturalım. Burada bileşenimizi oluşturacağız. Oluşturduğumuz Map bileşenini App.js te gösterelim. Basit bir taslak hazırlayarak işe başlayalım. npm add react-google-maps Bu komut ile react-google-maps kütüphanesini yüklüyoruz.Yükleme tamamlandıktan sonra withGoogleMap ve GoogleMap HOC(higher order componenets) 'react-google-maps' kütüphanesinden getirerek Haritamızı oluşturalım. Daha sonra index.html dosyamızda google api anahtarımızı tanımlayacağımız bir script yazıyoruz.  withScriptjs ile kullanım index.html dosyasında <script> içerisinde api referansını göndermek yerin withScriptjs higher order componentını kullanabiliriz. 
Devamı