Google Fonts, 2010'daki geliştirilmesinden bu yana özel web tipografisi için başvurulan kaynak haline geldi. Google'ın burada öncü olmasının üç ana nedeni var. İlk olarak, yeterince iyi yazı tipi hizmetleri yoktu, bu yüzden Google boşluğu doldurdu. İkincisi, başlangıçta bile sundukları çeşitlilik nispeten büyüktü. Şu anda, çok sayıda stilde 800'den fazla yazı tipi mevcuttur. Üçüncüsü, bu yazı tipleri ücretsiz olarak sunulur ve bu da onları özellikle çekici kılar.
Ayrıca, tasarım projelerinize entegre edilmeleri şaşırtıcı derecede kolaydır. Bu Google Yazı Tiplerini WordPress Sitenize nasıl ekleyebileceğinizi size göstereceğiz.
Google Yazı Tipleri
Başlamak için çalışmak istediğiniz yazı tipini seçmeniz gerekir. Çok çeşitli seçenekler var, bu yüzden aralarından seçim yapabileceğiniz oldukça geniş bir menünüz var. adresine giderek bulabilirsiniz. Google'ın Yazı Tipi Sayfası. Belirli bir yazı tipi arıyorsanız, Arama kutusuna yazı tipinin adını yazmanız yeterlidir; bir örnekle gelmesi gerekir.
Kullanabileceğiniz başka arama parametreleri de vardır. Arama kutusunun hemen altında Kategoriler adlı bir düğme bulunur. Buna tıklarsanız, beş seçenekli bir açılır menü ortaya çıkar. Bunlar aşağıdaki gibidir:
- Serif – Bir harfin üst ve alt vuruşlarından kaynaklanan kısa çizgiler içeren yazı tipleridir. Times New Roman ve Sylfaen iyi örneklerdir.
- Sans Serif – Adından da anlaşılacağı gibi, bunlar o küçük çizgileri olmayan yazı tipleridir. Basit ve temiz bir estetiğe sahip olma eğilimindedirler.
- Ekran – Bunlar dikkat çekici yazı tipleri olarak adlandırılabilecek şeylerdir. Uzun metinler yerine başlıklar için en iyisidir.
- El yazısı – Bu yazı tipleri, birinin onları elle yazmış gibi görünmesini sağlar. Birçoğunun el yazısıyla yazılmış olduğunu veya daha az tutarlı boşluklara sahip olduğunu göreceksiniz.
- Monospace - Bir daktilo gibi, harfleri aynı yatay genişliği kaplar. Çok tutarlı bir şekilde aralıklıdırlar.
Bunlara ek olarak, Dil ve Yazı Tipi Özelliklerini seçmek gibi seçim yapabileceğiniz başka seçenekleriniz de vardır. İkincisi, stil sayısını, kalınlığı, eğimi ve genişliği içerir.
WordPress'e Yazı Tiplerini Gömmek
Bu benzersiz yazı tiplerini WordPress sitenize dahil etmek istiyorsanız deneyebileceğiniz birkaç yöntem var.
CSS'yi kullanma
Google'ın seçiminden Yazı Tipine tıklayın, sizi ayrıntılı yazı tipi sayfasına götürecektir. Sağ üst köşede “+” işareti bulunur. Buna tıklayın ve bir yan pencere açılacaktır. "Yerleştir"e tıklayın.
Şimdi tıklayabilirsiniz @içe aktarmak. Bu, kopyalamanız gereken CSS kodunu açacaktır. WordPress temanızın stil sayfasına gidin ve en başa yapıştırın. İçe aktarma bağlantısını kopyaladığınızdan emin olun. parantezler. Kaydettiğinizden emin olun, yazı tipini eklemiş olursunuz.
PHP Kullanma
İlk birkaç adımı izleyin ve “+” işaretini tıkladıktan sonra aldığınız bağlantıyı kopyalayın. Şimdi, temanızın header.php dosyasına eklemeniz yeterlidir. Yazı tipinin eklenmesi için kaydetmeyi unutmayın.
Bir Javascript İşlevi Kullanma
"sıraya alma" olarak bilinen bir şeyi de deneyebilirsiniz. Bunun için wp_enqueue_style işlevini kullanmanız gerekecek. Bu yöntem sayesinde, seçtiğiniz yazı tipini tüm web site sayfalarınızın başlık bölümüne ekleyebilirsiniz. Tek seferde birden çok değişiklik eklemenin harika bir yolu.
Sadece yazı tipinin bağlantısını alın (http 'den "'e kadar) ve bunu, etrafında ekstra kodla temanızın functions.php dosyasına ekleyin. İşte kullanmanız gereken kod:
özel_add_google_fonts() işlevi {
wp_enqueue_style('özel-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, yanlış );
}
add_action( "wp_enqueue_scripts", "custom_add_google_fonts" );
Bu seçeneklerden herhangi biri, Google Fonts'u WordPress web sitenize entegre etmek için gayet iyi çalışır, bu nedenle kendinizi en rahat hissedeceğiniz birini seçmeniz önemlidir.