Hash Özel Yazı Tipi Yükleyici Eklentisini Kullanarak Özel Yazı Tiplerini Yükleme

Web sitenizde aynı eski yazı tiplerini kullanmaktan sıkıldınız mı ve farklı görünmesini mi istiyorsunuz? Kodlama uzmanı değilseniz endişelenmeyin! En sevdiğiniz yazı tiplerini WordPress temalarınıza eklemenin kolay bir yolunu gösterecek basit bir kılavuzumuz var. Bu belge, özel yazı tiplerini adım adım yükleme sürecinde size yol gösterecek ve web sitenize benzersiz bir stil kazandırmayı kolaylaştıracaktır.

EKLENTİ KURULUMU

Yazı tipinizi özelleştirmeye ve yüklemeye başlamak için Hash Özel Yazı Tipi Yükleyici adlı bir Eklenti yüklemeniz gerekir.

*Not: Bu eklenti yalnızca HashThemes'in temalarıyla uyumludur*

Hash Özel Yazı Tipi Yükleyici Kurulumu

Hash yazı tipi yükleyicisini yüklemek için talimatları izleyin:

• Eklentiler > Yeni Eklenti Ekle > Eklentileri Yükle seçeneğine gidin.
• Eklentiyi Yükle'ye tıklayın ve bilgisayarınızdan .zip dosyasını seçin.
• .zip dosyasını yükledikten sonra Şimdi Kur'a tıklayın.
• Daha Sonra Eklentiyi Etkinleştirin .
• Eklentinin Hash Özel Yazı Tipi Yükleyici olarak göründüğünü görebilirsiniz.

Eklentiyi yükledikten sonra, yazı tipi yükleme işlemini başlatmak için özel yazı tiplerinizi kullanabilirsiniz.

Süreç boyunca size adım adım rehberlik edelim.

YAZI TİPİ SEÇİMİ

HashThemes tarafından desteklenen temalar, aralarından seçim yapabileceğiniz geniş bir Google Yazı Tipleri yelpazesi sunar. 800'den fazla Google yazı tipi var.

Bununla birlikte, farklı bir şey arıyorsanız, birden fazla yazı tipi tasarımcısı tarafından hazırlanmış çok daha fazla seçenek sunan ve farklı web sitelerinde ücretsiz veya ücretli olarak sunulan çok sayıda yazı tipi web sitesini her zaman keşfedebilirsiniz.

Font Squirrel bu tür web sitelerinin en iyi örneğidir. Bu platform size yalnızca yazı tiplerini ücretsiz olarak indirme özgürlüğü vermekle kalmaz, aynı zamanda dosyalarınızı yazı tipi yüklemek için gerekli formatlara dönüştürme sürecini de kolaylaştırır.

Ayrıca, yalnızca minimum bir ücret gerektiren çok sayıda yüksek kaliteli yazı tipinin satın alınabileceğini ve bunların hemen kullanıma hazır olduğunu belirtmekte fayda var.

Bu eğitimde Font Squirrel kullanarak font yükleme işleminin nasıl basitleştirileceğini göstereceğiz.

Hash Custom Font Uploader'da kullanılmak üzere 2 yazı tipi dosyası formatına (WOFF ve WOFF2) ihtiyacımız var. Yazı tipinin çeşitleri ve dosyaların neden WOFF ve WOFF2 formatına dönüştürüldüğü hakkında daha fazla bilgi edinmek istiyorsanız, okumaya devam edin. Özel bir yazı tipi eğitimi yüklemeye hemen başlamak istiyorsanız Buraya Tıklayın.

FARKLI DOSYA FORMATLARINI ANLAMAK

Öğreticiye geçmeden önce, yazı tiplerinin gelebileceği bazı tipik dosya formatlarını tanıyalım.

TrueType Yazı Tipi (.ttf): .ttf yazı tipi biçimi, masaüstü ve web tipografisinde yaygın olarak kullanılan bir yazı tipi biçimidir. Bu dosya türü hem Windows hem de macOS sistemleriyle uyumludur.

OpenType Font (.otf): Open Type formatı, True Type formatının bir uzantısıdır. Bu format, ek tipografik özelliklere izin verir ve hem Windows hem de macOS ile uyumludur.

Web Açık Yazı Tipi Formatı (.woff): Bu format türü özellikle web kullanımı için tasarlanmıştır. İyi sıkıştırma ve tarayıcı uyumluluğu sunar.

Web Açık Yazı Tipi Formatı 2 (.woff2): Bu dosya biçimi, Web Açık Yazı Tipi biçiminin geliştirilmiş bir sürümüdür ve web yazı tipleri için üstün sıkıştırma ve performans sağlar.

PostScript Tip 1 Yazı Tipi (.pfb): PostScript türü yazı tipi formatı, öncelikle PostScript yazdırma endüstrisinde kullanılan yazı tipi formatının eski bir sürümüdür.

SVG Yazı Tipi (.svg): XML'i temel alan SVG yazı tipleri genellikle web simgeleri ve özel tasarımlar için kullanılır.

Bitmap Yazı Tipi (.fon): Düşük çözünürlüklü ekranlara uygun, piksel ızgarası olarak temsil edilen yazı tipleri.

Bunlar çeşitli amaçlarla kullanılan yazı tipi formatlarından bazılarıdır. Bu formatlara aşina olmanın nedeni, bazı dosyaların ek bir avantaj için dönüştürülmesinin gerekmesidir.

En yaygın kullanılan dosya formatları, masaüstü ve web tipografisi için TTF (True Type Font) ve OTF'dir (Open Type Font).

Ancak 2021 yılı itibarıyla web kullanımı için en yaygın kullanılan yazı tipi formatları Web Open Font Format (WOFF) ve WOFF2 (Web Open Font Format 2) idi.

*Not: Yazı tiplerinin popülaritesinin zaman içinde değişebileceğini ve yeni teknolojilerin eskileri geçersiz kılabileceğini bilmek önemlidir.*

Dosyaları .woff ve .woff2 formatlarına değiştirmek neden gereklidir?

TTF ve OTF dosyaları doğrudan web'e yüklenebilse de, bunları .woff ve .woff2 dosya biçimine dönüştürmenin birçok avantajı vardır:

1. Sıkıştırma:

TTF ve OTF dosyalarını WOFF ve WOFF2 formatlarına dönüştürmenin temel nedeni, boyutlarının sıkıştırılmasıdır. Dosya boyutu daha küçük olduğunda web sayfası yükleme süreleri daha hızlı olur. Bu, kullanıcı deneyimini ve SEO sıralamasını iyileştirmek için de çok önemlidir.

2. Web Optimizasyonu:

WOFF ve WOFF2 formatları web için çok uygundur ve geniş çapta kabul görmektedir; bunlara kullanıcıların yalnızca belirli bir web sayfası için gereken karakterleri ve glifleri dahil etmelerine olanak tanıyan ve dosya boyutunu daha da azaltan yazı tipi alt kümeleme özelliği de dahildir.

3. Tarayıcı Uyumluluğu:

Modern web tarayıcıları, WOFF ve WOFF2 formatlarını geniş ölçüde destekleyerek farklı platformlar ve cihazlar arasında güvenilir yazı tipi oluşturma sağlar. TTF ve OTF dosyaları farklı düzeylerde uyumluluk ve desteğe sahip olabilir.

4. Lisanslama:

Çoğu yazı tipi lisansı, WOFF ve WOFF2 formatlarının web'de kullanılmasına izin verme eğilimindeyken, TTF ve OTF dosyalarında daha fazla kısıtlama bulunabilir. Yazı tiplerini WOFF/WOFF2 formatına dönüştürerek yazı tipi lisans gerekliliklerine uyduğunuzdan emin olabilirsiniz.

5. Performans:

WOFF ve WOFF2 yazı tipi formatları genellikle optimize edilmiştir. Bu nedenle, web ortamlarında daha iyi performans göstererek metinlerin daha düzgün ve daha hızlı işlenmesini sağlarlar.

Bunlar, TTF ve OTF dosyalarını WOFF/WOFF2 dosyalarına dönüştürmek için temel gereksinimlerdir. Daha sonra yazı tipi yükleme sürecinde size rehberlik edeceğiz.

“FONT SQUIRRE L” WEB SİTESİNDEKİ YAZI TİPLERİNİN SEÇİMİ

Şimdi yazı tipi seçim sürecine başlayalım ve daha fazlasını keşfedelim.

• Arama çubuğuna “Sinkin Sans” yazın; farklı varyasyonlarıyla birlikte bir yazı tipi önizlemesi göreceksiniz.
• Ardından Sinkin Sans yazı tipi için OTF dosyasını indirin.

Bu eğitimde “Sinkin Sans” yazı tipini seçtik . Beğendiğiniz herhangi bir yazı tipini seçip kullanabilirsiniz. Ayrıca daha önce de belirttiğimiz gibi yazı tipi çeşitli formatlarda olabilir. Burada Sinkin Sans yazı tipi dosyası OTF formatındadır.

• .zip dosyasını belirlediğiniz klasöre çıkarın.

WEBFONT JENERATÖRÜ

Hash Custom Font Uploader'da kullanılacak fontlar WOFF ve WOFF2 dosya formatlarında olmalıdır. Yani indirilen yazı tipi WOFF ve WOFF2 dosya formatlarındaysa aşağıdaki adımı atlayabilir ve doğrudan Hash Özel Yazı Tipi Yükleyiciye geçebilirsiniz. Ancak indirilen yazı tipi WOFF ve WOFF2 formatlarında değilse, WOFF ve WOFF2 yazı tipi dosyalarını oluşturmak için Yazı Tipi Oluşturucu/Dönüştürücüyü kullanmanız gerekecektir.

• Font Squirrel Web Sitesinin Webfont Generator çevrimiçi uygulamasını kullanacağız.
• Aşağıdaki ekran görüntüsünde 3 numarayla gösterilen Web Yazı Tipi Oluşturucuya tıklayın.

• Kitinizi edinmek için Yazı Tiplerini Yükle düğmesine tıklayın ve indirilen/çıkarılan yazı tipi dosyalarını yükleyin

• Bu örnekte “Sinkin Sans Regular”ı seçiyoruz.
• Seçiminizi yaptıktan sonra Aç'a tıklamanız yeterlidir.
• Kiti indirin .

• İndirilen zip'i çıkartın. Webfont oluşturucunun , Hash Özel Yazı Tipi Yükleyici Eklentimiz için gerekli .WOFF ve .WOFF2 dosyalarını oluşturduğunu göreceksiniz.

Hash Özel Yazı Tipi Yükleyici Eklentisine Özel Yazı Tiplerini Yükleme

Sinkin Sans yazı tipi web sitenizde kullanılmaya neredeyse hazır ve yalnızca birkaç adım uzaktasınız. Lütfen aşağıdaki talimatları takip edin:

• Hash Özel Yazı Tipi Yükleyicisine Git
• Ardından .woff2 ve .woff yazı tipi dosyalarını anlatıldığı gibi yükleyin ve yazı tipi ağırlığını Normal 400 olarak seçtiğinizden emin olun.
• Bir sonraki adımda, ihtiyacınız olduğunda bulmanızı kolaylaştırmak için yazı tipinize bir ad verin. Bu durumda yazı tipi Sinkin Sans olduğu için buna göre isim verdik.
• “Ayarları Kaydet” seçeneğine tıklayarak kaydedin.
• Kaydedildikten sonra Sinkin Sans yazı tipinin altta nasıl göründüğünü göreceksiniz. Bu aynı zamanda yazı tipinin çalıştığını ve artık kullanabileceğiniz anlamına da geliyordu.

Özel Yazı Tipleri İçin Çeşitlemeleri Yükleme

Bir yazı tipinin farklı stilleri ve görünümü olabilir. Burada aynı yazı tipinin farklı yazı tipi stillerini nasıl ekleyeceğimizi öğreneceğiz.

Yukarıda seçmiş olduğumuz yazı tipinin (Sinkin Sans) ince, açık, normal, orta, yarı kalın, kalın, siyah ve italik gibi farklı çeşitleri bulunmaktadır.

Burada Sinkin Sans'ın Yarı Kalın stilini seçeceğiz. Ve “Font Squirrel” yerine başka bir font dönüştürücü web sitesi kullanacağız.

Not: İnternette başka birçok dönüştürücü var. Burada CloudConvert kullanıyoruz.

• Başlangıç ​​olarak dosyalarımızı .woff2 ve .woff dosyalarına dönüştüren OTF dönüştürücüye gidin.
• Burada dosyaları kolayca dönüştürmenize yardımcı olduğunu görebilirsiniz. Dönüştüreceğiniz dosyaları seçin. Burada Sinkin Sans yarı kalın .otf dosyasını .woff ve .woff2'ye dönüştüreceğiz.
• Hangi dosyayı dönüştüreceğinizi seçtikten sonra masaüstünüzden “ Dosya Seçin” .
• Dosyaları dönüştürün; bu biraz zaman alacaktır.
• Dönüştürme tamamlandıktan sonra gerekli dosyaları bilgisayarınıza kaydedin.

• Hash Özel Yazı Tipi Yükleyicisine Git
• Aynı yazı tipine ağırlık eklerken "Yeni Yazı Tipi Ekle" yerine "Yazı Tipi Ağırlığı Ekle" seçeneğine tıklayın.

• Ardından, .woff2 ve .woff yazı tipi dosyalarını anlatıldığı gibi yükleyin ve yazı tipi ağırlığını SemiBold 600 olarak seçtiğinizden emin olun.
• Kaydetmek için “Ayarları Kaydet” butonuna tıklayın.
• Metnin nasıl göründüğünü görebilirsiniz. Metin yukarıdaki metinden daha kalındır.
• Benzer şekilde, “ Yazı Tipi Ağırlığı Ekle ” seçeneğine tıklayarak daha fazla yazı tipi varyasyonu ve “ Yeni Yazı Tipi Ekle ” seçeneğine tıklayarak başka bir yazı tipi ekleyebilirsiniz.

WEB SİTENİZDEKİ YAZI TİPLERİNİN KULLANIMI

Yüklenen yazı tipini web sitesinde kullanalım.

• Görünüm> Özelleştir'e gidin.
• Daha fazla özelleştirme için Tipografi Ayarlarında 'Gövde' seçeneğini bulun."
• “Yazı Tipi Ailesi” seçeneğinde 'Sinkin Sans'ı arayın ve seçin.
• Yazı tipi seçildikten sonra, “ Yazı Tipi Ağırlığı/Stil ” daha önce eklediğimiz varyasyonu gösterecektir (Normal 400 ve Yarı Kalın).
• Uygun varyasyonu seçin ve ardından değişiklikleri sağ kişiselleştirici penceresinde canlı olarak görün.
• Yazı tipi boyutunu, harf aralığını ve satır yüksekliğini beğeninize göre değiştirebilirsiniz.
• Memnun kaldığınızda değişiklikleri uygulamak için 'Yayınla'yı tıklayın; web siteniz yeni görünümüne kavuşacaktır.

Özel yazı tiplerinizi yüklemek için yapmanız gereken tek şey budur. Herhangi bir kafa karışıklığı yaşarsanız bize her zaman ulaşabilirsiniz.