2021’de bir sonraki tasarımınız için 30+ en iyi güvenli web yazı tipi
Harika bir web sitesi oluşturmak için binlerce yazı tipine ihtiyacınız yok. Ancak, kullandığınız yazı tiplerinin web sitenizi ziyaret eden herkes tarafından görülebileceğinden emin olmanız gerekir. İşte güvenli web yazı tipi girer.
Ücretsiz demoyu deneyin
Ve güvenli bir web yazı tipi bulabilirseniz A)% 100 kullanımı ücretsiz ve b) ziyaretçilerinizin görebilmesi için başka bir yerde barındırılması gerekmez, sizin için bir homerun olacaktır. Bu nedenle, bu yazı yazılmıştır: 31 en iyi web güvenli yazı tipini tartışacağız ve WordPress sitenize nasıl uygulayacağınızı göstereceğiz.
En çok ilgilenen parçaya gitmek için aşağıdaki bağlantıyı kullanın veya doğrudan Web Güvenli Yazı Tipi listemize atlayın:
Web için hangi yazı tipi güvenlidir? Varyasyonlar dahil, çevrimiçi olarak 650.000’den fazla farklı yazı tipi mevcuttur. Çoğu web tarayıcısı ve işletim sistemi tarafından desteklenen yazı tipleri Web için güvenli kabul edilir. İşletim sistemi otomatik olarak yazı tipi dosyaları içerir, bu nedenle ziyaretçilerin sunucunuzdan yazı tipleri indirmeleri gerekmez. Bir örnek, binlerce “spin-off” doğuran her yerde arial yazı tipidir. 2021’de web güvenli yazı tipine ihtiyaç var mı?
Tabii ki, çoğu kullanıcı artık hem hücresel hem de masaüstünde Google Chrome’u kullanıyor. Ancak bu, güvenli bir web yazı tipinin geçmişten bir şey olduğu anlamına gelmez. Aslında, desteklenen yazı tipleri, kullanıcının geçerli sürümü de dahil olmak üzere işletim sistemine göre değişir. Dolayısıyla, yalnızca Windows 10’un en son sürümü tarafından desteklenen yazı tiplerine sahip web siteleri tasarlarsanız, çoğu kullanıcı başka bir şey görecektir. Ayrıca, üçüncü taraflarca gönderilen özel yerel yazı tiplerini veya yazı tiplerini kullanmayı ve yayınlamayı seçerseniz, web sitenizi yavaşlatabilir. Böylece, güvenli bir web yazı tipine geçmek web sitenizi hızlandırabilir. Ve bu harika bir şey. Tüketicilerin neredeyse% 70’i sayfanın hızının satın alma kararlarını etkilediğini söylüyor. Google Font Web güvenli mi? Google yazı tipleri, işletim sisteminiz tarafından desteklenmez, bu nedenle tanıma göre yazı tipi web için güvenli bir yazı tipi değildir. Tersine, üçüncü bir taraf olan Google bunu gönderdiğinden, Google yazı tipine web yazı tipi denir. Kafa karıştırıcı, biliyoruz, ancak fark, tarayıcınızın Google yazı tipini görüntülemeden önce dosyaları yüklemesi gerektiğidir. Güvenli Web Font, çoğu cihazda hazır bir yazı tipi dosyasına sahiptir. Ancak, güvenli kelimelerin eksikliği konusunda endişelenmeyin. Google yazı tipleri, web sitesi tasarımınızı geliştirmek için kullanımı tamamen güvenlidir. Ancak, dış sunuculara ek HTTP istekleri, sayfanızı yükleme hızını yavaşlatabilir.
Bu web -güvenli yazı tipleri a)% 100 kullanımı ücretsiz ve b) başka bir yerde işe alınmanıza gerek yoktur, böylece ziyaretçileriniz burada 30+ seçeneğin tamamını bulabilir, harika görünen yirmi -FE web yazı tipini tasarlamak için kullanabileceğiniz harika görünen web yazı tipi İnternet sitesi. Hadi içine atlayalım. 1. Arial yazı tipinin arial örnekleri
Arial, paragraflar ve başlıklar için uygun klasik bir Serif sans yazı tipidir. Uzun zamandır web tasarımında bir müdür olmuştur. Her ne kadar son yıllarda, bu genellikle ana yazı tipi ailesi olarak değil, bir yazı tipinde rezerv olarak kullanılır.
Baskerville yazı tipi örnekleri
Baskerville, başlangıçta 1750’de John Baskerville tarafından bir mektup olarak geliştirilen nispeten kalın bir serif yazı tipidir. Tasarım, tipik Serif harf tipinin sert kenarlarını yumuşatmak için kalın ve ince çiziklerin bir karışımı kullanılarak dengelenmiştir. Bu, Apple ve Microsoft OS’nin yeni sürümü tarafından iyi desteklenmektedir. Font Family Family tarafından önerilen yazı tipleri Piles: Baskerville, Baskerville’in eski yüzü, Saltond, Times New Roman, Serif. 3. Bodoni Mt / Bodoni 72
Bodoni Mt, Times New Roman gibi, paragraf metni için çoğu web sitesi için başlıklardan daha uygun Serif yazı tipidir. Bodoni MT varsayılan olarak Microsoft 10 ve birkaç daha uzun sürümle kullanılabilir. Bodoni 72, macOS Sierra ve daha yeni bir versiyona dahildir. Önerilen yazı tipi yığını: Bodoni MT, Bodoni 72, Didot, Didot LT LT Std, Hoefler Metin, Garamond, Times New Roman, Serif. 4. Kalibrasyon
Font aileleri tarafından önerilen yazı tipi yığınları: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, Sans-Serif. 5. Calisto MT
Calisto MT, biraz daha yumuşak bir serif ve en benzer tipografiden daha az belirgin bir serif yazı tipidir. Bu, Windows’un daha yeni sürümlerinin çoğuna dahil olan standart bir Microsoft yazı tipidir. Eşdeğer macOS veya iOS, eski stil bahisçi yazı tipidir. Font aileleri tarafından önerilen yazı tipi kazıkları: Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Metin, Bitstream Charter, Georgia, Serif.
6. Cambria
Cambria, çoğu durumda, büyük harfler için bile neredeyse görünmez olan serif ile daha yumuşak bir serif yazı tipidir. Bu daha modern bir his verir ve ekranda yüksek düzeyde okunabilirlik sağlar. Font aileleri tarafından önerilen yazı tipleri yığınları: Cambria, Georgia, Serif. 7. Candara
Candara yazı tipi örnekleri
Font aileleri tarafından önerilen yazı tipi yığınları: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, Sans-Serif. 8. Gotik Yüzyıl
Century Gothic, çok temiz ve dengeli bir ekrana sahip geometrik bir serif sans yazı tipidir. Bu, özellikle başlık ve alt başlık için web için iyi bir yazı tipidir. Başlangıçta Futura yazı tipi ile rekabet etmek için tasarlanmıştır. Bu, Microsoft ve Apple işletim sistemlerinin çoğuna dahildir. Font Fonts tarafından önerilen yazı tipi yığınları: Century Gothic, CenturyGothic, Applegothic, Sans-Serif. 9. Konsoller Konsolleri
Consolas, benzersiz bir tasarım yaklaşımına sahip sans serif yazı tipidir. Tüm karakterler aynı genişliğe sahiptir, bu nedenle sadece “I” ve küçük harf “l” harfi için serif kullanın. Bu, ClearType koleksiyonunun bir parçasıdır.
Bakır plakalı yazı tipi gotik örneği
Yeni kurye yazı tipleri örnekleri
Courier New, çoğu serif yazı tipinden ve diğer serif sans’lardan çok daha ince olan sıradan metinlere sahip bir monospace slab serif yazı tipidir. Bilgisayarlarda ve mobil cihazlarda Microsoft ve Apple tarafından neredeyse mükemmel bir kapsama sahiptir. Font aileleri tarafından önerilen yazı tipi yığınları: Courier New, Courier, Lucida sans daktilo, Lucida daktilo, Monospace. 12. Dejavu sans
Dejavu Sans, Arial ve Verdana gibi klasik bir SANS yazı tipine benzeyen temiz düz bir çizgiye sahip bir sans serif yazı tipidir. Font aileleri tarafından önerilen yazı tipleri yığınları: Dejavu Sans, Arial, Verdana, Sans-Serif. 13. didot örneği didot
Font Franklin Gothic örnekleri
Garamond yazı tipi örneği
Gürcü yazı tipleri örnekleri
Gill Sans, modern bir görünüm veren keskin ve temiz bir çizgiye sahip bir sans serif yazı tipidir. Bu, harfler ve yakın mesafe arasındaki kontrast eksikliği nedeniyle kutunun dışındaki paragraf metni için ideal değildir. Ancak örnek metinde görebileceğiniz gibi, iyi bir başlık yapar. Çoğu iOS, macOS ve Windows cihazları bunu destekler. Font aileleri tarafından önerilen yazı tipleri paketleri: Gill Sans, Gill Sans MT, Calibri, Sans-Serif. 18. Goudy’nin eski tarzı
Goudy Old Style, güçlü bir serif ve antik görünüm ve tonları ile yumuşak, yumuşak bir tarzda serif yazı tipidir. Noktalar, çoğu serif yazı tipinin sıradan yuvarlak çevreleri yerine elmas şeklindekidir. Bu, Windows’un daha yeni sürümlerinin çoğuna dahildir.
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Font Family Family tarafından önerilen yazı tipleri Piles: Goudy Old Style, Garamond, Big Caslon, Times New Roman, Serif. 19. Helvetica
Helvetica muhtemelen tüm zamanların en ünlü yazı tipidir ve açıkça kendi belgeseli olan tek yazı tipidir. Bu, 19. yüzyılın sonundan ve 20. yüzyılın başından itibaren diğer modern İsviçre ve Alman yazı tiplerinden esinlenen modern bir Serif sans yazı tipidir. Yumuşak, yuvarlak ve sıcak tasarım. Bu, onu vücut kopyası ve başlıkları için uygun birkaç yazı tipinden biri yapar. Tüm Apple cihazları Helvetica yazı tipini içerirken Microsoft, MS’sine eşdeğer ARIAL olarak varsayılan olarak. Font aileleri tarafından önerilen yazı tipleri yığınları: Helvetica Neue, Helvetica, Arial, Sans-Serif. 20. Etki
Etki yazı tiplerine örnekler
Etki, tüm metinler, büyük harfler ve küçük harfler için varsayılan olarak çok kalın bir görünüme sahip gerçekçi bir sans-serif yazı tipidir. Kalınlık, olağan metinden öne çıkmasını ve başlıklar veya CTA (harekete geçme davetiyesi) için mükemmel olmasını sağlar, ancak vücut kopyası için ideal değildir. Bu, 1998 yılında Web Paketleri için orijinal Core Font’un bir parçasıdır. Bu güne kadar Apple ve Windows bilgisayar ve telefonlar tarafından hala geniş çapta dahildir ve desteklenmektedir. Yazı tipi Yazı Tipi Yazı Tipi Font: Impact, Charcoal, Helvetica tarafından önerilen, bunun yerine, Bitstream Vera Sans Bold, Arial Black, Sans Serif. 21. Lucida Bright
Font Lucida Bright örneği
Lucida Bright, 1991 yılında MS için geliştirilen Microsoft Lucida yazı tiplerinde bir serif yazı tipidir. Öne çıkan şeylerden biri, örneğin “T” ve başkentte daha kare ve daha sağlam olan serif kullanımıdır. “L”. Bu, Windows’un daha yeni sürümlerinin çoğunda varsayılan olarak dahil edilirken, macOS genellikle yalnızca Sans Serif Font Lucida Grande’yi içerir ve Georgia Font Backback’i mantıklı hale getirir. Font Family tarafından önerilen yazı tipi yığınları: Lucida Bright, Georgia, Serif. 22. Lucida Sanscont Örnek Lucida Sans
Microsoft Sans Serif yazı tiplerine örnekler
Microsoft Sans Serif, ilk olarak Windows 2000’e tanıtılan SANS Serif yazı tipidir. Bu, Helv (Helvetica’nın kısaltması) olarak da bilinen MS SANS Serif yazı tipinin halefidir. Bu, modern zamanlarda bir tür önde gelen sans serif olan Helvetica’dan esinlenmiştir. Bu, temiz ve profesyonel bir görünüm üreten düz ağırlıklı çiziklere sahip temiz bir yazı tipidir. Başlıklar ve şirket web siteleri için mükemmeldir. Web için orijinal yazı tiplerinden biri olarak dahildir ve tüm Microsoft cihazları için hala standarttır. Font Family Yazı Tipi tarafından önerilen yazı tipleri Piles: MS Sans Serif, Sans-Serif. 24. Optimal Optima Font Örneği
Palatino yazı tipi örnekleri
Kesinti ve WordPress problemi ile kavga mı ediyorsunuz? Kinsta, performans ve güvenlik dikkate alınarak tasarlanmış bir barındırma çözümüdür! Planımıza bakın
Perpetua, başlangıçta İngiliz heykeltıraş Eric Gill tarafından yapılan benzersiz bir tasarıma sahip bir Serif yazı tipidir. Çizilmelerin ağırlığında keskin bir kontrast vardır, örneğin, bkz. “E” veya “3” sayısına bakınız. Bu, yaratıcı ve neredeyse eğlenceli bir yazı tipi verir. Bu genellikle bir Windows yazı tipidir, ancak yakın bir akraba olan Baskerville, çoğu Apple cihazında standarttır. Font aileleri tarafından önerilen yazı tipi yığınları: Perpetua, Baskerville, Big Caslon, Palatino Linotype, Palatino, Serif. 27. Rockwell
Rockwell, neredeyse monoweight, çok kalın harflerle kare bir serif yazı tipi veya levha. Bu başlık veya CTA için uygundur, ancak eklenen yazı tipinin ağırlığı içerik metni için iyi değildir. Bu, MS Windows’un daha yeni sürümlerinin çoğuna dahildir. Önerilen yazı tipi mektup yığınları: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, Serif. 28. Segoe UI
Segoe UI, yazı tipi yazı tipi Segoe ailesinden önde gelen Serif sans yazı tipidir. Microsoft bunu sadece birçok uygulamada değil, ürünleri için çeşitli pazarlama materyallerinde de kullanır. Bu, simetrik harfler ve çiziklerin ağırlığındaki birkaç varyasyona sahip modern bir yazı tipidir. Yazı tipi bir Apple bilgisayarına dahil değildir, ancak eşdeğer Helvetica Neue benzer bir görünüme ve hissi vardır. Font aileleri tarafından önerilen yazı tipleri yığınları: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, Sans-Serif. 29. Tahomacontample Tahoma yazı tipi
Font Trebuchet MS örnekleri
Trebuchet MS, Microsoft tarafından geliştirilen başka bir Sans Serif yazı tipidir. Bu, Microsoft tarafından Web Paketleri için Core Font’ta yer alan orijinal yazı tiplerinden biridir. Bu hala neredeyse tüm Microsoft ve Apple cihazları tarafından desteklenmektedir. Harfler diğer birçok sans serif yazı tipinden daha ince, bu da paragraflar ve içerik metni için bir seçenek haline getiriyor. Font aileleri tarafından önerilen yazı tipi yığınları: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Sans-Serif. 31. Verdana
Verdana yazı tiplerine örnekler
Kızgınlık
Snell Roundhand
Tüm Apple ve Microsoft cihazlarında evrensel desteklenen sandalye yazı tipleri yoktur. Vücut metniniz için bir sandalye yazı tipi kullanmanın iyi bir fikir olmayabileceğini düşünmelisiniz, çünkü okunabilirlik web sitesinin kullanımının büyük bir parçasıdır. Görme sorunları olan ziyaretçilerin sitenizde metin okumakta zorluk çekecekse, paragraflarınız için okunması çok kolay olan metni her zaman kullanmalısınız. Bu, yüksek bir oran ve içeriğinizle genel katılım eksikliğine neden olabilir. Yazı tipi sans serif güvenli web sans “Fransızca” olmadan anlamına gelir, bu yüzden sans serif temelde “serif olmadan” anlamına gelir. Serif, bir harfte daha uzun bir çizilmeye eklenen bir çizgi veya çiziktir. Örneğin, gazetelerin veya dergilerin başlıklarında yaygın olan başkent “T” nin üst çiziklerinin altındaki küçük bir dikey çizgi. Yazı tipi Sans Serif, web’de en yaygın ve popüler olanıdır, bu nedenle aralarından seçim yapabileceğiniz birçok seçeneğiniz vardır:
kalibrasyon
Gotik Yüzyıl
Dejavu sans
Franklin Gotik
Gill Sans
Helvacetikudida sans
Bayan Sans Serif
Neue Helvetica
en uygun
Sego UI
Tahoma
Trebuchet MS
Verdana
Web’in Güvenli Yazı Tipi Nereden İndirilir? Web güvenli yazı tipi ile ilgili en iyi şey, indirme konusunda endişelenmenize gerek olmamasıdır. Her ziyaretçi işletim sistemi tarafından desteklenmiştir, bu nedenle sadece CSS ile kodlamanız gerekir. HTML ve CSS hakkında hiçbir şey bilmiyorsanız veya Web için kodlama yapmıyorsanız, bu oldukça aşırı görünebilir. Ama inan bana, tahmin ettiğiniz kadar zor değil. Bir sonraki bölümde adım adım size rehberlik edeceğiz. WordPress sitenize güvenli bir web yazı tipi nasıl eklenir En son yirmi yirmi temaya sahip bir WordPress siteniz varsa, WordPress ayarlarına özel CSS ekleyerek HTML yazı tiplerini düzenleyebilirsiniz. Görünüm bağlantısı> menüde özelleştir ve ardından Ek CSS sekmesini genişleterek erişin.
Ayarlama WordPress – Ek CSS
Daha sonra değiştirmek istediğiniz metin seçmenlerini tanımlamak için Chrome Dev Araçlarını (veya diğer tarayıcılar için benzer araçlar) kullanmanız gerekir. Örneğin, blog yazısı başlığınızı kontrol edebilirsiniz:
Krom Geliştirme Araçları – Kontrol edin
Başlıklar için standart “giriş başlıkları” seçmenlerini kullanma temasının olduğunu görebiliriz. Ayrıca, temanın metni nasıl düzenlediğini ve hangi seviyede olduğunu görmek için “yazı tipi-ailesi” özniteliklerini de arayabilirsiniz. Yirmi Twenty başlık için özel bir yazı tipi kullanmadığından, “yazı tipi ailesi” seçmenlerini hedefleyerek başlık yazı tipini kolayca değiştirebilirsiniz. Örneğin, başlığı bir darbe yazı tipine dönüştürmek istiyorsak, aşağıdaki kodu kullanabiliriz: H1.Entry-title {font-family: darbe, kömür, “helvetica inserat”, “Bitstream Vera Sans Bold”, “Arial Siyah “, Sansalif; } Sadece ek CSS ekleyin ve değişikliklerinizi doğrudan teşvik etmek için “Yayınla” yı tıklayın. WP Özelleştirici – Yeni başlık yazı tipi
Bunu ve daha fazlasını WordPress’te yazı tiplerinin nasıl değiştirileceğine dair rehberimizde tartıştık. HTML ve CSS kullanarak bir web sitesi oluşturursanız, yazı tiplerini doğrudan kaynak kodunda düzenleyebilirsiniz. Örneğin, CSS kodunu her sayfaya uygulamak için HTML belgesindeki stil etiketini kullanıyorsanız, oradaki yazı tipi-aile özelliklerini düzenleyebilirsiniz.
Body CSS Seçmen Yazı Tipleri
Sayfadaki tüm metinler için yazı tiplerini değiştirmek istiyorsanız, “Body” seçmenlerini hedeflemeniz gerekir. Belirli metinler için yazı tiplerini değiştirmek istiyorsanız, belirli seçmenleri kullanmanız gerekir. Web sitenizi oluşturmak için bir şablon kullanırsanız, CSS’niz büyük olasılıkla ayrı bir stil sayfasında bulunur. Bu iyidir, çünkü bu, yalnızca bir dosyayı düzenleyerek tüm siteleriniz için yazı tiplerini değiştirebileceğiniz anlamına gelir. Bu durumda, stil sayfası dosyanızı bulmanız gerekir (genellikle style.css veya bazı varyasyonları olarak adlandırılır). O zaman site yazı tiplerinizi ve tipografinizi kontrol eden kısmı bulmanız gerekir. CSS tarzı sayfa örnekleri
Genellikle, bu yukarı doğru yapılır. Değilse, Seçim Kodu düzenleyicinizi kullanarak “yazı tipi-ailesi” ni arayabilirsiniz. Web güvenli yazı tiplerine dönmenin web sitenizi hızlandırabileceğini biliyor muydunuz? Ve tüketicilerin% 70’inin sayfa hızının satın alma kararlarını etkilediğini mi söylüyor? 30+ Web Güvenli Yazı Tipi listesini kontrol etmek için iki iyi neden beti, temalar ve eklentilerle aynı özet tweet için tıklayın, yazı tipi fikirleri açısından sizin için seçenek sıkıntısı yoktur. Çeşitli serif, sans serif, monospace ve hatta ücretsiz olarak mevcut olan sandalye yazı tipleri ile web güvenli yazı tipleri, bir site oluştururken başlamak için iyi bir yerdir. Mükemmel yazı tipleri, markanızı öne çıkarır, okunabilirliği artırır ve mesajınızı destekler. Akıllıca seçim!