Bir web sitesinde yazı tiplerini nasıl belirleyeceğinizi hiç merak ettiyseniz, doğru yere geldiniz. HTML font> etiketini, barındırılan bir font hizmetini ve CSS font varyasyonu ayarlarını kullanmak da dahil olmak üzere bir dizi farklı yöntem vardır. Daha popüler yöntemlerden bazılarına ve siteniz için hangisinin en iyi olduğuna nasıl karar vereceğinize bir göz atalım.
HTML yazı tipi> etiketini kullanma
Yazı tipi etiketi, HTML’de metnin rengini ve koyuluğunu belirten özel bir öğedir. Renk bir ad, onaltılık kod veya her ikisi ile belirtilebilir. Tüm HTML öğeleri genel niteliklere sahip olabilirken, yazı tipi etiketinin değeri o öğeye özgüdür.
font> etiketi bir süredir buralarda. Bu etiketin en temel kullanımı yazı tipi boyutunu belirlemektir. Yazı tipi boyutunu birden yediye kadar bir sayı ile ayarlayabilirsiniz. Ayrıca yazı tipinin yüz ve renk özelliklerini de belirleyebilirsiniz. Bu etiket, gövde etiketinin içine eklenir.
Bir web sitesinde yazı tipini tanımlamak için HTML font> etiketini kullanmak HTML 4 ve CSS ile mümkündür. CSS yazı tipleri daha gelişmiş özelliklere sahiptir ve çoğu modern tarayıcıda daha fazla desteklenir.
Barındırılan bir yazı tipi hizmeti kullanma
Web sitenize bir yazı tipi yerleştirmenin çeşitli yolları vardır. Kendi sunucunuzda barındırabilir veya bir yazı tipi dağıtım hizmeti kullanabilirsiniz. Her iki durumda da, istediğiniz yazı tipleri başka bir yerde barındırılacaktır. Yazı tipinizi nasıl uygulamak istediğinize bakılmaksızın, bir hizmet kullanmak, dağıtımını kontrol etmenin harika bir yoludur.
Barındırılan bir yazı tipi hizmeti kullanmak, bir yazı tipini yüklemek için gereken süreyi azaltır. Bu yöntem, WordPress siteleri için en iyisidir çünkü Typekit ve Adobe Fonts gibi 3. taraf hizmetleri gerektirmez. Bu aynı zamanda yazı tipinizin önbelleğe alınmasını kontrol etmenizi sağlar ve bu da büyük bir avantajdır. Barındırılan bir yazı tipi hizmeti kullanıyorsanız, seçtiğiniz ana bilgisayarın HTTP/2’yi destekleyip desteklemediğini kontrol etmelisiniz.
Barındırılan bir yazı tipi hizmeti, tüm kullanıcılar için doğru yazı tipi dosya biçimlerini de içerir. Web sitenizde bir yazı tipi tanımlamak için uzun bir @font-face kodu dizisi yazmak yerine, barındırılan bir yazı tipi hizmeti tarafından sağlanan kodu kopyalayıp yapıştırabilirsiniz. Kod, yazı tipini web sitenize uygulamak için HTML’nizde kullanılacaktır. Typekit, Fontspring dahil olmak üzere birçok yazı tipi hizmeti Open Sans sunar.
CSS yazı tipi varyasyon ayarlarını kullanma
Web sitenizdeki yazı tipini değiştirmek istiyorsanız, font-variation-settings özelliğini kullanabilirsiniz. Bu düşük seviyeli özellik, herhangi bir yazı tipi türünde yazı tipi boyutunu ve varyasyonunu belirtmenize olanak tanır. Eğimli yazı tipleri gibi özel yazı tipleri için kullanışlıdır.
Bir yazı tipinin yazı tipi boyutunu ve ağırlığını değiştirmek için bu özelliği kullanabilirsiniz. CSS yazı tipi varyasyon ayarlarının birkaç ekseni olabileceğini ve ele alınmasının zor olabileceğini unutmamak önemlidir. Ancak, varsayılan yazı tipi boyutunu ve ağırlığını belirlemenize izin veren bir geri dönüş özelliği vardır.
CSS yazı tipi varyasyon ayarları yardımcı olabilir, ancak bir web sitesinde kullanmadan önce tarayıcınızın uyumluluğunu her zaman kontrol etmelisiniz. Pek çok tarayıcı en son CSS özelliklerini desteklerken, hala desteklemeyen pek çok tarayıcı var. Bu nedenle, font-varyasyon-ayarlarını kullanırken, sayfanızın her tür tarayıcıyla uyumlu olduğundan emin olun ve en son CSS font teknolojisini kullanın.
Web sitesi için yazı tipi seçimi
Web siteniz için bir yazı tipi seçerken göz önünde bulundurmanız gereken birçok faktör vardır. Sadece web sitenizin tasarımını değil, içinde bulunduğunuz sektörü de göz önünde bulundurmalısınız. Bir yazı tipi seçerken müşterilerinizin niyetini göz önünde bulundurun. Ücretsiz olmayan bazı yazı tipleri olduğunu unutmayın, bu nedenle önce şirkete danışın.
Dekoratif yazı tipleri, logolara ve tasarımlara stil eklemenin zarif bir yoludur. Ayrıca alıntıları veya diğer metinleri vurgulamanın harika bir yoludur. Bununla birlikte, dekoratif yazı tiplerinin okunabilirliği azalttığı gösterilmiştir, bu nedenle yalnızca kısa metin satırları için kullanılmalıdırlar. Dekoratif fontları kullanırken font seçerken markanızın kişiliğini de göz önünde bulundurmalısınız.
Yazı tipi seçimi her zaman kolay bir iş değildir. Çevrimiçi olarak kullanılabilen sayısız yazı tipi vardır, bu nedenle hangisinin web sitenize en uygun olduğunu bilmeniz gerekir. Bir web tasarımcısı olarak, bir yazı tipi seçmek tasarımınızın önemli bir parçasıdır. Doğru yazı tipi, mesajınızı iletmenize ve markanızı oluşturmanıza yardımcı olacaktır.
Yorum Yok