Android Özelleştirilmiş Font Ekleme

Bu yazımızda Android içerisinde farklı yazı tiplerini kullanmaya bakacağız. Yeni bir proje oluşturduktan sonra ilk olarak proje içerisine “assets” klasörü eklememiz gerekmekte. Bunun için Android Studio içerisinde “File -> New -> Folder -> Assets Folder” yoluyla klasör oluşturalım.

Oluşturduktan sonra proje dizininde “assets” görünecektir.

Şimdi içerisine 1 adet “fonts” adında klasör oluşturalım. Sağ tıklayıp “New -> Directory” dedikten sonra “fonts” adını veriyoruz.
Şimdi kullanacağımız font dosyasını bu klasör içerisine sürükleyeceğiz. Bunun için fonts.google.com üzerinden “Pangolin” adında bir font indirdim.

“activity_main.xml” içerisinde ki “TextView” a “id” değeri verelim.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.KemalBakacak.FontsExample.MainActivity">

    <TextView
        android:id="@+id/tvHelloWorld"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World! - Fonts"
        android:textSize="30sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World! - Normal"
        android:layout_marginTop="50dp"
        android:textSize="30sp"/>
    
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context="com.KemalBakacak.FontsExample.MainActivity">

<TextView

android:id="@+id/tvHelloWorld"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello World! - Fonts"

android:textSize="30sp"/>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello World! - Normal"

android:layout_marginTop="50dp"

android:textSize="30sp"/>

</RelativeLayout>

Daha sonra “Activity” içerisinde bir tane “Typeface” nesnesi oluştururken kullanacağımız font dosyasını klasörü ile vererek oluşturuyoruz. Ardından “TextView” nesnesine “setTypeFace” metodu ile atama yapıyoruz.

package com.KemalBakacak.FontsExample;

import android.graphics.Typeface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TextView tvHelloWorld = (TextView) findViewById(R.id.tvHelloWorld);

        Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/Pangolin-Regular.ttf");
        tvHelloWorld.setTypeface(typeface);
    }
}

package com.KemalBakacak.FontsExample;

import android.graphics.Typeface;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

TextView tvHelloWorld = (TextView) findViewById(R.id.tvHelloWorld);

Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/Pangolin-Regular.ttf");

tvHelloWorld.setTypeface(typeface);

}

Ekran görüntüsü verelim.

Teşekkürler, görüşmek üzere.

Bir Cevap Yazın Cevabı iptal et