Web siteniz için 25 Muhteşem Web Güvenli Yazı Tipleri

Yazan makale:
  • Online İş
  • Güncelleme: Jan 17, 2019

Sen ol bir e-Ticaret mağazası or bir tomurcuklanan blogcuTüm web sitelerinin ortak olduğu tek şey içerik için metin kullanımıdır. Görüntülenen metne (veya tipografik tasarıma) biraz dikkat çekmek unsurprisingly Sitenizin genel estetiğini oluştururken ve başarısını sağlamak için önemlidir.

İşte, bir harika WordPress şablonunuz olabilir veya etkileyici bir temel yazı tipi (veya daha kötü Comic Sans!) Kullanıyorsanız, web sitenize HOWEVER koyabilirsiniz, o zaman hala görünen ve hissedilen bir web sitesiyle sonuçlanacaksınız. profesyonelce.

Ayrıca, çevrimiçi olarak mevcut olan muhteşem web tipografisinin bolluğunu kaçırıyorsunuz.

Tabii ki, seçtiğiniz yazı tipinin diğer bilgisayarlarda güvenilir şekilde yüklendiğinden emin olmak istiyorsanız, “web güvenli yazı tipi” seçmeniz gerekir.

25 muhteşem web güvenli fontlarımızla, web siteniz için sürekli çalışan bir web tipografisine sahip olacağınızdan emin olabilirsiniz.

Web Güvenli Yazı Nedir?

Web güvenli fontlar genellikle bilgisayarların, cep telefonlarının, akıllı TV'lerin ve tabletlerin çoğuna önceden yüklenmiş olan fontlardır.

Web güvenli yazı tipleri neden önemlidir?

İdeal bir dünyada, web siteniz için istediğiniz yazı tipini seçebilmeniz gerekir. Gerçekte, kullanabileceğiniz yazı tipi türünde kısıtlamalar vardır.

Çoğu bilgisayar ve web tarayıcısı, üreticiler tarafından önceden yüklenmiş olan bir dizi yazı tipiyle birlikte gelir, ancak tasarımları farklı olabilir (ve genellikle). Tüm farklı üreticiler tarafından paylaşılan standart bir yazı tipi seti yoktu.

Kullanmakta olduğunuz yazı tipi bir kullanıcının bilgisayarına yüklenmemişse, web siteniz sadece genel olarak okunamaz olarak algılanabilen genel bir yazı tipine dönecektir.

Bunu önlemek için diğer web tasarımcıları kullanıyor Web için Çekirdek Yazı Tipleri Microsoft'un 1996'te çoğu web sitesi yazı tipi için standart olarak yayınladığı. Bu yazı tipi seti sonunda "web güvenli fontlar" haline geldi, çünkü bilgisayardan bağımsız olarak fontlar web sitenizde güvenle görünecek.

Web Sitesi için Web Güvenli Yazı Tiplerini Kullanmalı mıyım?

Kısa cevap: Kesinlikle.

Web sitenizin tasarımını ve görsel markasını tutarlı tutmak istiyorsanız, web'de güvenli bir yazı tipi kullanmak, web sitenizin tam olarak sizin istediğiniz gibi görünmesini sağlar.

Aslında, bugün neredeyse tüm web sitesi bir tür web güvenli yazı tipi kullanıyor. Web tasarımcıları, Times New Roman gibi genel yazı tiplerinin kullanıcıların belirli bir özel veya özel yazı tipi kullanmıyorlarsa web sitenizi ziyaret ettiğinde görünmesini önlemek için her zaman web güvenli yazı tipini seçmenizi önerir.

Bu Web Güvenli Yazı Tiplerini Nasıl Eklerim?

Bu yazı tiplerini web sayfanıza eklemek için kullanabileceğiniz çeşitli yollar vardır, ancak eğer programlamaya girmiyorsanız ya da teknikte çok az tecrübeye sahip değilseniz, ham CSS kodunu kolayca kopyalayıp doğrudan yapıştırabilirsiniz. yazı tiplerini kullanmak için kendi stil sayfanıza

Hala emin değilseniz, sadece birkaç basit adımı izleyin:

  1. Header.php dosyanızı yükleyin
  2. Yazı tipi kaynağını / standart kodu kopyala
  3. Kodu, başlık dosyanızın üst kısmına yapıştırın.
  4. Style.css dosyanızı yükleyin, seçtiğiniz yazı tipini değiştirmek için font kodunu girin.

Sonunda, şunun gibi görünen bir stil sayfanız olmalıdır:

Web siteniz için 25 Muhteşem Web Güvenli Yazı Tipleri

1. Arial

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

2. Calibri

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

3. Helvetica

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

4. Segoe UI

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

5. Trebuchet MS

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

6. Cambria

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

7. Palatino

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

8. perpetua

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

9. Gürcistan

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

10. Consolas

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

11. Kurye Yeni

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

12. Tahoma

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

13. Verdana

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

14. Optima

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

15. Gill Sans

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

16. Yüzyıl Gotik

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

17. Candara

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

18. Andale Mono

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

19. Didot

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

20. Copperplate Gotik

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

21. Rockwell

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

22. Bodoni

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

23. Franklin Gotik

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

24. darbe

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

25. Calisto MT

Bağlantılar / Kaynak: Fonts.com / CSS Yazı Yığını

Kontrol Etmek İçin Yazı Tipi Araçları

Web siteniz için kullanabileceğiniz farklı yazı tiplerini kontrol etmek ve test etmek için kullanabileceğiniz çeşitli araçlar çevrimiçi olarak mevcuttur. Bir yazı tipi seçmekte sorun yaşıyorsanız veya yalnızca hangi türde web güvenli yazı tipleri bulunduğunu keşfetmek istiyorsanız, bu sitelerin kullanımı harika bir araçtır.

Yazı Tipi Çifti

Yazı Tipi Çifti bir ton kaynağını, eklentileri, e-kitapları, rehberleri, videoları ve hatta tipografi ile ilgili her şeyi ve her şeyi esinlendiriyor. Hatta size, Google Yazı Tipleri'nde en popüler yazı tiplerini sunan ve hangi yazı tiplerinin birbiriyle en iyi eşleştikleri bir bölümü vardır.

Wordmark.it

Metninizin belirli bir yazı tipiyle nasıl görüneceğini hızlı bir şekilde önizlemek isterseniz, Wordmark.it metninizin aynı anda birden çok yazı tipinde nasıl görüneceğine ilişkin anında önizleme sağlar. Sadece ön sayfa çubuğuna bir kelime veya cümle yazın, enter tuşuna basın ve size Candara veya Lucida Console gibi farklı yazı tipleriyle metinlerinizi gösterecektir.

WhatTheFont

WhatTheFont çevrimiçi gördüğünüz yazı tipini tanımlamak ve tanımlamak için kullanabileceğiniz bir araçtır. Tek yapmanız gereken, yazı tipinin bir görüntüsünü yüklemek ve WhatTheFont, size en yakın sonuçları vermek için veritabanında arayacaktır. Kesin yazı tipini hala bulamıyorsanız, forum yardım istemek.

Yazı Tipi Hakkında Her Şey

Eğer benim gibi bir şey iseniz, o zaman web üzerinde çok fazla zaman harcıyorsunuz, web sitelerini okuyor ve ziyaret ediyorsunuz. Bu nedenle, bir web sitesi, sitenin görsel tasarımını tamamlamak için iyi bir tipografi kullandığında bunu takdir edeceksiniz.

Göze hoş gelen web güvenli yazı tiplerini kullandığınızda, kullanıcılarınız geri dönüp içeriğinizi daha fazla tüketmek için minnettar ve daha istekli olacaktır. Peki ne bekliyorsun? Bu yazı tiplerini kullanmaya başla ve harika bir web sitesi yapmak işiniz için!

Azreen Azmi makalesi

Azreen Azmi, içerik pazarlaması ve teknolojisi hakkında yazdığı bir yazmacının yazarıdır. YouTube'dan Twitch'e kadar, içerik oluşturmada en son gelişmelerden ve markanızı pazarlamanın en iyi yolunu bulmaya çalışıyor.