WordPress'te Süslü Yazı Tiplerine Sahip Olma Teknikleri?

Bu makale, WordPress'inize yazı tipi uygulamanın çeşitli yollarını anlamasına yardımcı olmaya çalışır.

Ayrıca, kodları kullanmakta rahat değillerse kullanılabilecek, kolayca bulunabilen çeşitli eklentileri tartışacağız.

WordPress'te süslü yazı tiplerini ve WordPress'te tipografiyi kullanmanın birkaç yöntemi ve püf noktası:

WordPress web sitesine süslü bir yazı tipi eklemek mi istiyorsunuz, o zaman bu teknikler size yardımcı olacaktır.

WordPress'te Özel Yazı Tipi/Fantezi yazı tipleri nelerdir?

Özel yazı tipleri, müşterilerinizden daha fazla ilgi çekmek için web sitenize yeni stil yazı tipi eklemenin benzersiz bir yoludur. WordPress temaları özel tabanlıdır ve bu nedenle kullanıcının seçim ve talebe göre yeni bir yazı tipine ihtiyacı vardır.

Bu nedenle bir dizi tipografi yazı tipi yer almıştır. WordPress temalarının çoğu, önceden yüklenmiş çok sayıda yazı tipi bile sunar.

Yazı Tipi Başlığı kullanımı ile gövde bölümü, alt başlıklar, gezinmeler ve diğer tasarım bölümleri ve öğeleri özel olarak optimize edilebilir. Yazı tipini üstbilgi altbilgisinde veya web sitesindeki herhangi bir bölümde özelleştirebilirsiniz.

Web sitenize farklı yazı tiplerini yerleştirmek için kullanılan farklı eklentiler vardır. Yazı tipi eklentisi yardımıyla istediğiniz herhangi bir yazı tipini ekleyebilirsiniz. WordPress web sitesinde yazı tipi eklentisini etkinleştirdikten sonra, web sitesinin her bölümü için yazı tipi boyutunu, türünü ve stilini ayarlayabileceksiniz.

Farklı Yazı Tipi eklentileri aşağıda listelenmiştir

1. Yazı Tipleri:

2. Herhangi Bir Yazı Tipi Kullanın:

3. Kolay Google Yazı Tipleri:

4. WP Google Yazı Tipleri:

5. Daha İyi Yazı Tipi Harika:

6. MW Yazı Tipi Değiştirici:

7. WordPress için Google Yazı Tipleri:

8. Özel Yazı Tipleri:

9. Harika Yazı Tipi:

10. WordPress için Japonca yazı tipleri:

11. Stil Kılavuzu – Özel Yazı Tipleri ve Renk :

12. Zeno Yazı Tipi Boyutlandırıcı:

13. WP Yazı Tipi Harika:

14. WordPress için Typekit Yazı Tipleri:

15. WP SVG Simgeleri:

16. Arapça Web Yazı Tipleri:

17. WordPress için Premium Özel Yazı Tipi Eklentileri:

18. WP İyonik Simgeler:

19. FontPress – WordPress Yazı Tipi Yöneticisi:

20. Yazı Tipi Yükleyici:

21. Styler – WP için Simgeler, Yazı Tipleri ve CSS Oluşturucu:

22. iOS7 Stil Yazı Tipi Simgeleri:

23. WooCommerce Güzelleştirici:

WordPress web sitenize yeni bir süslü yazı tipi eklemek için bunlardan herhangi birini seçebilirsiniz. Tek bir yerde daha fazla şeyi mahvetmediğini unutmayın. Okumak farklı olacak.

Kullanıcılar içeriği kolayca okuyabilmeli, böylece bazı şeyleri vurgulamak için süslü yazı tipi ekleyebilirsiniz. Yoksa seçim senin.

WordPress'te özel yazı tipleri eklemek için Farklı Yöntemler

Yöntem 1: Google Yazı Tipleri Eklentisini kullanarak yazı tipi ekleyin:
WordPress web sitenizde Google yazı tiplerini kullanmaya istekliyseniz, bu yöntem yeni başlayanlar için en iyi yoldur. Kullanımı da çok kolay olduğu için.

Yöntem 2: WordPress'te süslü yazı tiplerini El ile ekleyin:
WordPress sitesine manuel olarak yazı tipi eklemek için, kodu WordPress sitesine kopyalayıp yapıştırmanız yeterlidir.

Yöntem 3: Typekit'i Kullanma:
Typekit, tasarım projenizde bu tür yazı tiplerini kullanabileceğiniz harika yazı tipleri için başka bir ücretsiz eklentidir. kullanabileceğiniz sınırlı bir ücretsiz abonelik planı ile ödenir.

Yöntem 4: CSS3 @font-face kullanma:
WordPress web sitesine özel yazı tipleri eklemenin yolu CSS3 @font-face kullanmaktır.
CSS3'ün yardımıyla istediğiniz herhangi bir süslü yazı tipini ekleyebilirsiniz.

Piyasada, WordPress web siteniz için kullanabileceğiniz birçok ücretsiz yazı tipi vardır. Böylece diğerlerinden sonra yeni ve benzersiz tasarımlar oluşturabilirsiniz.

1. SIFR :

Ölçeklenebilir Inman Flash Değiştirme, sIFR'nin web sitenizde özel yazı tiplerini göstermek için bir javascript ve Flash kombinasyonu kullandığı olarak da bilinir.

Bu teknik, tarayıcı, akıllı telefonlar ve tabletler Flash yerine javacript ve jquery kullanmaya başlayana kadar yaygın olarak kullanıldı ve o zamandan beri geliştiricisi tarafından durduruldu.

sIFR, herhangi bir yazı tipi için .swf oluşturduğu sIFR oluşturucu web sitesi kullanılarak da kolayca oluşturulabilir.

İşte bir eklenti: http://WordPress.org/plugins/wp-sifr/

Önereceğimiz bu teknik son zamanlarda gereksizdi ve bu nedenle web sitelerinde flaş kullanmak istemedikçe kullanmaktan kaçınmalıdır.

2. Kufon :

Cufon, cufon oluşturucuyu kullanır: http://cufon.shoqolate.com/generate/ yani herhangi bir yazı tipi için bir javascript oluşturmak ve üretmek için SVG ve VML tekniği. Cufon oluşturucu aracını kullanarak, bir yazı tipinin kalın, hafif, italik ve diğer tüm yazı tiplerini tek bir javascript'te alabilirsiniz.

Ardından, cufon yazı tiplerini kullanmak için javascript'i WordPress temasının üstbilgisinde veya altbilgisinde kullanmaları gerekir.

Bu biraz sıkıcı geliyorsa, aşağıdaki eklentiler cufon yazı tiplerini kullanmak için kullanışlı olabilir:

WP-Cufon

Hepsi bir arada Cufon

Artıları: Cufon'un artıları, bir yazı tipini görüntü olarak oluşturduğu için cep telefonları dahil tüm tarayıcılarda aynı görünmesidir.

Eksileri: Javascript gerektirir. Bu nedenle, birisi tarayıcılarında komut dosyalarını devre dışı bırakırsa, cufon yazı tipleri görünmez.

Bir diğer büyük dezavantaj, lisans kullanım sorunudur. Bazı insanlar web sitelerinde bazı yazı tiplerini kullanma eğilimindedir ve daha sonra yazı tipi yaratıcıları yazı tiplerini web sitesinden kaldırmak veya bunun için ödeme yapmak için iletişime geçerler.

3. CSS Teknikleri:

CSS Teknikleri muhtemelen en iyisidir, ancak css teknikleriyle ilgili tek sorun, yazı tipi dosyasını, yani ttf veya otf yazı tipi dosyasını üstbilgi veya altbilgiye eklemeleri gerektiğidir.

Böylece yazı tipi kullanımda olmadığında, onlar da başlığa yükleniyor. Bazı yazı tiplerinde kalın, italik, daha açık, daha kalın ve diğer stiller gibi tüm stiller bulunur. Bu yazı tipini hacimli yapar. Dolayısıyla onları web sitenize dahil etmek, sitenizi daha ağır hale getirmek anlamına gelir.

Aşağıdakiler, font yüzü veya font sincap veya dafont veya başka bir font web sitesinden fontların css'inize nasıl ekleneceğini gösterir:

@yazı tipi-yüz{

yazı tipi ailesi: 'MyWebFont';

kaynak: url('WebFont.eot');

kaynak: url('WebFont.eot?iefix') biçimi('eot'),

url('WebFont.woff') formatı('woff'),

url('WebFont.ttf') formatı('truetype'),

url('WebFont.svg#webfont') format('svg');

}

Yukarıdaki teknik, yazı tiplerinin css'ye dahil edilmesini gösterir. Bunu style.css dosyanızın üstüne yazmanız gerekiyor.

Ancak bu yöntem, özellikle İngilizce yazı tiplerinin kullanılamadığı ve dil yazı tiplerine sahip olunması gereken dil yazı tiplerinde hala büyük ölçüde kullanılmaktadır. CSS teknikleri veya yazı tiplerini css'e dahil etmenin yazı tipi yüzü tekniği hala kullanılmaktadır.

4. Google Yazı Tipleri

Muhtemelen, web sitelerinde daha süslü yazı tiplerini kullanmanın en iyi yöntemi. Bu, 632 yazı tipinden oluşan bir kitaplıktır ve büyümeye devam etmektedir.

Google yazı tiplerinin eklenmesi gerçekten kolaydır ve içe aktarma yöntemi veya bağlantı yöntemi veya javascript yöntemi kullanılarak yapılabilir. Yani hangisi size ve tarzınıza uygunsa o fontları kullanabilirsiniz.

Artıları: Yazı tipleri google sunucularından yüklendiğinden gerçekten kolay ve basittir ve hafiftir.

Eksileri: Yazı tipinin yüklenmesi gerekiyor ve daha fazla stile sahip daha ağır yazı tipleri sayfa hızını düşürebilir. Ayrıca diğer dilleri kullanan web siteleri için google yazı tipleri kullanılamaz çünkü yalnızca Kiril, Yunanca, Kmer, Vietnam ve Latin dilleri/yazıları mevcuttur.

Bu nedenle, diğer diller, web sitelerine bir yazı tipi eklemek ve içe aktarmak için yine de CSS Tekniklerini kullanmak zorunda kalabilir.

Eklentileri kullanarak google yazı tiplerini kullanmak isteyenlerden bazıları:

WP Google Yazı Tipleri

Google Tipografi