@Font-face ve CSS3 ile WordPress’e özel bir yazı tipi ekleme
İster yeni bir WordPress teması oluşturun, ister sadece ayarlayın, özel bir yazı tipi temanızın stilini yenilemeye yardımcı olabilir. Tarayıcıda, style.css dosyasında arayabileceğiniz varsayılan bir varsayılan yazı tipine sahip olmasına rağmen, başkaları tarafından kullanılan aynı yazı tipini kullanarak oldukça sıkıcı görünebilir. Neyse ki, kendi seçim yazı tipinizi eklemek, CSS3 @Font-Face kurallarını kullanmak nispeten kolaydır. Gereken tek şey, sunucunuza yazı tipleri yüklemek, ardından birkaç küçük CSS parçasıyla temanıza eklemektir. WordPress temanız için nasıl yapılacağına bakalım. Yazı Tiplerini Bulun Fontsquirrel veya Adobe Edge web yazı tipleri gibi ücretsiz olarak iyi web yazı tipleri bulmak için birçok yer vardır. Seçtiğiniz yazı tipinin ihtiyaçlarınıza uygun bir lisansa sahip olduğundan emin olun.
Tüm ücretsiz yazı tipleri ticari amaçlar için kullanılamaz, ancak typretit gibi birçok yerin ticari kullanımı için premium yazı tipleri satın alabilirsiniz. Ayrıca iki ana yazı tipi türü vardır: Serif ve Sans-Serif. Sans-serif yazı tipi olmarken Serif yazı tipi kenarlarda bukleler vardır.
Aşağıdakiler, çeşitli yazı tipleri ve dosya uzantılarının kısa bir özetidir:
Truetype Font (TTF) – Internet Explorer sürüm 9.0 ve üstü ile uyumlu olan Chrome 4.0’dan başlıyor, 3.5’te Firefox, 3.1’den beri Safari ve opera 10.0’dan başlayarak başlıyor
OpenType Font (OTF) – Truetype FontWeb Open Yazı Tipi Formatı (WOFF) ile aynı tarayıcı uyumluluğuna sahiptir – Internet Explorer sürüm 9.0 ve üstü tarafından desteklenen Chrome, 5.0’dan başlar, 3.6’da Firefox, 5.1 ve opera 11.1’den başlayarak başlar.
Web Open Font Format 2.0 (WOFF2) – Yalnızca Chrome tarafından desteklenir.
Gömülü OpenType Yazı Tipi (EOT) – Yalnızca Internet Explorer sürüm 6.0 ve daha yeni için kullanılabilir.
Web açık yazı tipi biçimi bir standart haline gelmiştir, çünkü yazı tipi bant genişliğinizi daha az tüketmek için sıkıştırılır ve ek meta veriler içerir. Ne yazık ki, her zaman indirilebilir değiller.
Bu tür bir dosya bulmakta zorlanıyorsanız, yazı tipi Truetype ve OpenType indirmek için daha kolay kullanılabilir ve yine de iyi bir seçimdir. Yazı tipinizi yükleme kullanmak istediğiniz yazı tipini bulduktan ve dosyaları indirmek için kaynak talimatlarınızı izledikten sonra sunucunuza yükleme zamanı. Bunu yapmadan önce, herhangi bir değişiklik yapmadan önce tüm sitelerinizi yedeklemelisiniz. Tam yedeklemeler yapma ile ilgili ayrıntılar için diğer yayınlarımızdan bazılarına bakın: Anlık görüntü ve 7 Premium WordPress ve Freemium Reserve incelemelerini kullanarak WordPress sitenizi (ve multisite) nasıl ayırabilirsiniz.
En iyisi, WP-Concent> temaları> temasınız altında bulunan tema klasörünüze eklemektir.Özellikle birden fazla yazı tipi eklemeyi planlıyorsanız, dosyalarınızı depolamak için isteğe bağlı olarak bir “yazı tipi” klasörü oluşturabilirsiniz.Paketlenmiş ZIP dosyasını açın ve içeriği tema klasörünüze yükleyin.CPanel’de, ana sayfadaki dosyaların altındaki Dosya Yöneticisi düğmesini tıklayın.Pop-up açıksa, sitenizin konumunu ve ardından Go düğmesini seçin.Tema klasörünüze gidin ve sayfanın üst kısmındaki Yükle düğmesini tıklayın. 644 dosya iznini koruyabilmeniz ve herhangi bir sorun yaşamamalısınız.Bir izin hatası alırsanız, dosyayı silmeyi ve farklı bir izinle tekrar yüklemeyi deneyin.Yükleme sayfasındaki Dosya Seç düğmesini tıklayın ve Bilgisayarınızdan Yazı Tipi Dosyasını seçin.Seçildikten ve açıldıktan sonra, dosya bu sayfadaki diğer düğmelere tıklamadan otomatik olarak yüklenir.
Yazı tipi dosyalarını nereye koyarsanız yapın, dosya yolunu hatırlamanız gerekir. Bu, yüklenecek dosyalar seçtikten sonra bu sayfada kalın harflerle listelenecektir. Yazı tipinizi temanıza ekleyin, böylece yüklemeniz gerçekten temanızda görünür, onu wp-content> temaları> altında bulabileceğiniz style.css dosyasında aramanız gerekir. Önce bir çocuğun temasını yapmak idealdir, böylece temanız bir güncelleme ile başlatıldığında değişikliğiniz kaybolmaz. Başından beri bir tema yaparsanız, bu genellikle bir sorun değildir, ancak mevcut temaları düzenlerseniz, diğer yayınlarımızdan bazılarını, WordPress Children’ın temasını nasıl oluşturacağınızı ve bir çocuğun temasını WordPress’te otomatik olarak nasıl yapacağınızı görebilirsiniz, Çocuk teması oluşturma hakkında ayrıntılar için. CPanel’de dosyayı seçin, ardından sayfanın üst kısmındaki Düzenle düğmesini tıklayın. Pop-up’ları hiç devre dışı bırakmadıysanız, pop-up’lar görünecektir. Öyleyse, alttan Git’i tıklayın. Aşağıdaki kodu dosyaya, ideal olarak, yazı tipine başvurulduğu bir yere kopyalayın ve yapıştırın. Her CSS bloğu ile girdiğiniz kod arasında satırlar olduğundan emin olun. Jennimckinnon/511d5069f0b6c111b061’in çekirdeğini içerir
Yazı tipi adını doğru dosya yolunu yansıtacak şekilde yüklediğiniz adla değiştirmeyi ve kodu güncellemeyi unutmayın. Aynı CSS Kodunu Ekleyin Kalın, eğik, başlık metni ve benzerlerini belirlemek için ek süreyi ekleyin, yazı tipi amacını yansıtacak şekilde dosya adını ve yolu güncellediğinizden emin olun.
Son olarak, yazı tipinizin aşağıdaki örnekte olduğu gibi birkaç CSS ile nerede kullanılacağını belirleyin:
Jennimckinnon/AAB072F83AF07EF4AD1’in çekirdeğini içerir
Bu örnekte, tüm paragraf metinleri yeni (hayali) yazı tipleri kullanacaktır. Bu kodu kendi özelliklerinize güncelledikten ve dosyaları kaydettikten sonra, yeni yazı tipiniz sitenizde görülecektir. Sonuç Bu talimatlarla, temanıza hatasız yeni bir yazı tipi ekleyebilmeniz gerekir. Ancak, daha kolay bir çözüm istiyorsanız, kodlama yapmadan yazı tipleri eklemenize yardımcı olabilecek birçok eklenti vardır. Doğru yazı tipini seçmek için pratik bir kılavuz istiyorsanız, bunun için bir gönderimiz de var: WordPress tipografisi hakkında “bildiğiniz” çoğu yanlış. WordPress’te yazı tiplerinin kullanımı hakkında daha fazla bilgi için bkz. Codex: Yazı Tipleri ile Çalma. Yazı tipleri, açık destek biletleri ve kahramanlar eklerken sorunlar yaşarsanız, sorularınızı kolayca cevaplayabiliriz. En sevdiğiniz yazı tipi nedir? Sitenize nasıl eklersiniz? Bize aşağıdaki yorumlarda anlatın.
Etiket:
yazı tipi