Yazı tipleri. Onları her gün görüyoruz. Basılı reklamlardan dergilere kadar, dünyada her tür yazı tipi var.
İster bir e-Ticaret mağazası sahibi olun, ister gelişmekte olan bir blog yazarı olun, Tüm web sitelerinin ortak noktası, içerik için metin kullanılmasıdır.
Görüntülenen metninize biraz düşünce koymak (veya tipografik tasarım) sitenizin genel estetiğini oluştururken ve başarısını sağlamak için şaşırtıcı derecede önemlidir.
Ancak daha önemli olan, web uyumlu yazı tipleri olmalarıdır.
Web Güvenli Yazı Tipleri Nelerdir?
Web uyumlu yazı tipleri, genellikle önceden yüklenmiş ve çoğu cihazda (bilgisayarlar, cep telefonları, akıllı TV'ler ve tabletler) görüntülenebilir hale getirilen yazı tipi stilleridir.
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.
Web tasarımcıları bundan kaçınmak için Web için Temel Yazı Tiplerini Microsoft'un 1996'da çoğu web sitesi yazı tipi için standart olarak yayınladığı. Bu yazı tipleri sonunda "web için güvenli yazı tipleri" haline geldi, çünkü bilgisayardan bağımsız olarak yazı tipleri web sitenizde güvenle görünecektir.
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ı tiplerini kullanıyor, 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 birkaç yol vardır, ancak programlama veya çok az teknik deneyime sahipseniz, ham CSS kodunu kolayca kopyalayabilir ve yazı tiplerini kullanmak için bunları doğrudan kendi stil sayfanıza yapıştırabilirsiniz.
Hala emin değilseniz, aşağıdaki basit adımları izleyin:
- Başlığınızı yükleyin.php dosya
- Yazı tipi kaynağını / standart kodunu kopyalayın (referans 1'e bakın)
- Kodu, başlık dosyanızın üst kısmına yapıştırın.
- Style.css dosyanızı yükleyin, seçtiğiniz yazı tipi metnini değiştirmek için yazı tipi kodunu yerleştirin. (referans 2'ye bakın)
Referans 1
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
Referans 2
body {font-family:'Abel';font-size:22px;}
Web siteniz için 25 Muhteşem Güvenli Web 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ı
Çevrimiçi olarak farklı yazı tiplerini kontrol etmek ve test etmek için kullanabileceğiniz birkaç araç vardır Senin internet siten. Bir yazı tipi seçme konusunda sorun yaşıyorsanız veya yalnızca ne tür web güvenli yazı tipleri bulunduğunu keşfetmek istiyorsanız, bu siteler kullanmak için harika bir araçtır.
Yazı Tipi Çifti
Yazı Tipi Çifti bir ton kaynak, eklenti, e-Kitap, kılavuz, video ve hatta yapılacak her şey hakkında ilham kaynağı sunar. matbaacılık. Hatta Google Yazı Tipleri'nde bulunan en popüler yazı tiplerini ve hangi yazı tiplerinin birbiriyle en iyi şekilde eşleştiğini gösteren bir bölümleri bile var.
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 dair anında bir önizleme sunar. Ön sayfa çubuğuna bir kelime veya kelime öbeği yazın, enter tuşuna basın ve metninizi Candara veya L gibi farklı yazı tipleriyle gösterecektir.ucida Konsol.
WhatTheFont
WhatTheFontçevrimiçi gördüğünüz yazı 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.
Herşey Font Çalma Hakkında
Benim gibi iseniz, o zaman web üzerinde çok fazla zaman harcıyorsunuz, tonlarca web sitesini okuyup ziyaret ediyorsunuz. Bu nedenle, bir web sitesi, sitelerinin 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 istekli olacaktır. Peki ne bekliyorsunuz? Bu yazı tiplerini kullanın ve harika bir web sitesi yapın!
Daha fazla okuyun:
- Bu en iyi kişisel web sitelerini ve sizinkini nasıl oluşturabileceğinizi görün
- 10'den fazla Wix farklı kategorilerde web sitesi örnekleri
- 10 Weebly Vay canına gitmenizi sağlayan web sitesi örnekleri
- Ücretsiz olarak indirip kullanabileceğiniz 50 ücretsiz profesyonel tasarlanmış logo
- Çevrimiçi işinizi başlatmak için en iyi 50 fikir