Yazı tipini nasıl değiştirebilirim?

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ı en aşağıya doğru kaydırın ve GELIŞMIŞ ÖZELLEŞTIRME CSS / SCSS bölümünü etkinleştirin:

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

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

Bu örnekte “Ewert” fontunu içe aktarmış bulunmaktayız. Buradaki import kullanımının amacı yazı tipini uygulamaya aktarmaktır. Bunu y apmadan aşağıda göreceğiz yazı tipini değiştirme CSS kodu çalışmayacaktır.

Yukarıdaki kodu ilgili bölüme yazdıysanız artık bu fontu uygulamalarımızda kullanabiliriz.

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

Yine aynı sayfada aynı yerde yani GELIŞMIŞ ÖZELLEŞTIRME CSS / SCSS bölümünde iken, CSS’deki fontu arayacağız. Bunları aynen yazın:

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

“Kaydet” i tıklayın.

Yani üstteki import kodu ile alttaki yazı tipi css kodunu aynı sayfada alt altta yazacağız ve kaydedeceğiz.

Bu SCSS örneğinde, tüm menü şeklimizde “Ewert” yazı tipini kullandığımızı görebiliriz. Sizde bu Ewert yazı tipi yerine kendi yazı tiplerinizi içe aktararak kullanabilirsiniz. Önce import linkini bulacak (google font diye aratarak bulabilirsiniz) edecek sonrada 2.örnekteki kodu yazacak sadece oradaki Ewert yerine kendi istediğiniz yazı tipi adını (Örnek: Arial) yazacaksınız.

Başarılar.

Bir cevap yazın

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