HTML5 - Yazı Tipleriyle Çalışma - Bölüm1

İçindekiler
Metinle çalışırken temel yönlerden biri HTML sadece harflerin fontunu değiştirerek meydana gelebilecek görüntü değişiklikleridir, ancak bununla ilgili çalışan profesyonellerin iki yönü vardır, tipografinin her yönünü değiştirmek isteyen tasarımcılar ve isteseler de programcılar. onlarla çalışarak bu konuda bu kadar derin değişiklikler yapmak istemiyorlar.
Yazı Tipi Özellikleri
Kaynaklarla çalışmadan önce, bunun arka planını bilmek için özelliklerinin bir incelemesini yapacağız:
  • font ailesi: Bir metin bloğu için yazı tipi ailesini belirtir.
  • yazı Boyutu: Bir metin bloğu için yazı tipi boyutunu belirtir.
  • yazı stili: Yazı tipinin stilini belirtir, normal, italik, eğik olabilir.
  • yazı tipi değişkeni: Bloğun metninin küçük harf yazı tipinde gösterilip gösterilmeyeceğini belirtir, olası değerleri küçük harf ve normaldir.
  • yazı tipi ağırlığı: Bir metin bloğu için yazı tipinin ağırlığını, yani kalınlığını belirtir, değerleri normal, kalın, daha kalın, daha açık olabilir.
  • yazı tipi: Yazı tipini tek satırda belirtmenizi sağlayan kısayol.
Kaynak seçme
Özellikler font ailesi Kullanılacak font grubunu bir tercih sırası kurarak belirliyoruz, eğer mevcut değilse tercih sırasına göre bir sonrakine geçiyoruz. Tarayıcı listedeki ilk yazı tipiyle başlar ve kullanabileceği bir yazı tipi bulununcaya kadar yazı tiplerinin her birini belirlenen sırayla denemeye devam eder.
Bunun nedeni, bir kullanıcının bilgisayarında yüklü olan veya belirli bir işletim sistemine ait olan yazı tiplerini kullanmamız gerekebilmesidir, böylece başka bir kullanıcı gereksinimleri karşılamıyorsa, bunun belgemizi nasıl etkileyeceğini kontrol edebiliriz.
Son olarak, tüm sistemler için standart bir şekilde bulunması gereken ve sorun yaşamamamız gereken jenerik yazı tiplerinin bir listesini görelim.
  • serif
  • sans Serif
  • bitişik el yazısı
  • fantezi
  • monospace
Kaynakların işlenmesinin teorik yönünü ele aldığımız için çok iyi, kodlu örnekler görelim, bu da üzerinde çalıştığımız her şeyi nasıl uygulamaya koyacağımıza dair bilgimizi edineceğiz:
 Örnek

Pek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız.


Bu kodda, tescilli bir yazı tipi olduğu için yazı tipi ailesinde alışılmadık bir yazı tipinin tanımlandığını görüyoruz. HelveticaNeue Yoğunlaştırılmış ve sonra ikinci bir tercih olarak yerleştiririz monospace Tanımlanan durumların her biri için bunu tarayıcıda nasıl görebileceğimizi görelim.
[ek = 861: html5fuentes.jpg.webp]
Resmin solunda, ilk tercih olarak yerleştirilen yazı tipinin olmadığı, yani yazı tipinin olmadığı durumumuz var. monospace, sağ tarafta tescilli yazı tipini görüyoruz.
Bununla öğreticiyi bitiriyoruz, teorik temelleri biliyor ve uygulamaya koyuyoruz, şimdi uygulamamızın kaynaklarıyla biraz oynayabilir ve görsel olarak daha çekici sonuçlar elde edebiliriz ve istediğimiz doğrultusunda.
Bu Eğitimin 2. Bölümünü okumaya devam edebilirsiniz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
wave wave wave wave wave