Bu yazıda, Renkler’deki SCSS / CSS bölümünü kullanarak uygulamanızda belirli fontların nasıl kullanılacağını göreceğiz.

Bir uygulamaya yeni bir yazı tipi nasıl eklenir?

Öncelikle, editördeki Renkler menüsüne gidin:

Ardından sayfayı aşağı kaydırın ve Gelişmiş özelleştirme bölümünü etkinleştirin:

Bu bölümde @import yöntemini kullanarak şu andan itibaren yeni bir yazı tipi ekleyebilirsiniz:

@import ‘https://fonts.googleapis.odeom/css?family=Ewert’;

Bu örnekte “Ewert” fontunu içe aktarmış bulunmaktayız. Artık bu fontu uygulamalarımızda kullanabiliriz.

Yeni yazı tiplerini uygulamalarımızda nasıl kullanabilirim?

Bu gelişmiş bölümde, font içe aktarmayı takiben, CSS’deki fontu arayacağız:

.layout {
*{
font-family: ‘Ewert’ !important;
font-size: 30px !important;
}
}

“Kaydet” i tıklayın.

Bu SCSS örneğinde, tüm düzenimizde “Ewert” yazı tipini kullandığımızı görebiliriz.

İşte sonuçlar:

Önce:

Screen Shot 2016-09-15 at 12.50.53

Sonra:

Screen Shot 2016-09-15 at 12.56.33

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir