Android Dersleri – 26 – Font Değiştirme

Android Dersleri serimizin Font Değiştirme dersine hoş geldiniz. Uygulamamıza daha fazla canlılık katmak için font değiştirebiliriz. Bunu yapmanın birkaç yolu var ve bunlara değinmeye çalışacağım.

Font Değiştirme 1. Yol

Dışarıdan bulduğumuz, beğendiğimiz bir fontu indirip projeye ekleyerek yapmak…
Yüzlerce font bulabileceğiniz bazı adresler aşağıda bulunmakta.

• Dafont
• 1001FreeFonts
• FontTr
• Fonts – Google’ın
• UrbanFonts

Bu adreslerden herhangi birisine gidip beğendiğiniz bir fontu indirin. İndirdiğiniz dosya büyük ihtimalle zip şekline inecektir. Dosyanın içine girdiğimizde uzantısı ttf olan dosya bizim fontumuz olacaktır. Bu uzantı bazen otf şeklinde de olabilir ama şu ana kadar kullandıklarımda hep ttf olmuştur.

Android Studio’da gerekli düzenlemeleri yaptıktan sonra ttf uzantılı dosyamızı projeye dahil edip kullanacağız.

1. Res klasörüne sağ tık > New > Directory > font isminde bir klasör oluştur.
2. İndirdiğimiz ttf uzantılı dosyayı bu font klasörünün içine atın.

Bu işlemlerden sonra dosya yapısı aşağıdaki gibi olacak;

Artık xml tarafında istediğimiz yerin fontunu değiştirebiliriz. Örnek;

activity_main.xml dosyası;

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:textSize="20sp"
        android:padding="5dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/lobster"
        android:text="Hello World!"
        android:textSize="20sp"
        android:padding="5dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/indieflower"
        android:text="Hello World!"
        android:textSize="20sp"
        android:padding="5dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/crtoverscan"
        android:text="Hello World!"
        android:textSize="50sp"
        android:padding="5dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/permanentmarker"
        android:text="Hello World!"
        android:textSize="20sp"
        android:padding="5dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/crimson"
        android:text="Hello World!"
        android:textSize="20sp"
        android:padding="5dp"/>

</LinearLayout>

Çıktısı;

Yazı fontunu değiştirmek istediğimiz her yer için tek tek android:fontFamily=”yazifontu” yapmaya gerek yok. Kullanmak istediğimiz bir fontun her yerde geçerli olmasını istiyorsak aşağıdaki satırı,

<item name="android:fontFamily">@font/yazifontu</item>

Aşağıdaki alanda gözüktüğü gibi kullanın.

styles.xml dosyası;

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        
        <!-- Aşağıdaki yazı fontu her yerde geçerli olacak. -->
        <item name="android:fontFamily">@font/orbitron</item>
    </style>

</resources>

Font Değiştirme 2. Yol

Android Studio içinde hazır bulunan bir yerden font ekleme…
Bunları adım adım görsellerle beraber görelim.

1. Design bölümünde TextView’lardan herhangi birisine tıkladık
2. Sağ tarafta özellikler kısmının arama bölümünde fontFamily diye arama yaptık
3. Çıkan sonucun sağ tarafında bulunan dropbox’a tıkladık
4. En alta gelerek More Fonts… seçeneğine tıkladık

Bu adımlardan sonra yeni bir pencere çıkacaktır aşağıdaki gibi;

1. Bu pencerede görüldüğü gibi yüzlerde font bulunmakta ve bunların hepsini Google Fonts’dan çekmekte.
2. Bu alanda aşağı yukarı giderek kullanabileceğimiz yüzlerce fontu görebiliriz. Bunlardan birisine tıklayın.
3. Seçtiğimiz fontun ismini değiştirmek istersek burada değiştirebiliriz. Değiştirmenizi önermem. Bunun hemen altında bulunan Add font to project’i seçerek projeye fontu eklemiş oluruz.
4. Yazımıza ufak bir değişiklik vermek istersek Bold’u seçebiliriz. Biraz daha kalın gözükecektir yazımız.
5. OK’a tıklamamızın ardında fontumuz projeye eklenecektir. Artık bu fontu istediğiniz yerde çağırıp kullanabilirsiniz.

Font değiştirmenin başka yolları da mevcut örneğin kütüphane ekleyip kullanarak. Bunlar bizim için şimdilik yeterli. Bir sonraki dersimizde görüşmek üzere.