Skip to content

Web Sayfalarında Yazı Tiplerini Değiştirmek için CSS Nasıl Kullanılır

13 de Mayıs de 2021

Basit stil seçenekleri, Basamaklı Stil Sayfalarını kullanarak bir web sayfasının yazı tipini değiştirmenize olanak sağlar. Tek tek kelimelerin, belirli cümlelerin, başlıkların, tüm paragrafların ve hatta tüm metin sayfalarının yazı tipini ayarlamak için CSS’yi kullanın. Aşağıdaki ekran görüntüleri JSFiddle.net kod oyun alanı için geçerlidir, ancak açıklanan kavramlar, kodunuzun nerede uygulandığına bakılmaksızın geçerlidir.

Derek Abella / Cankurtaran

CSS ile Yazı Tipini Değiştirme

Herhangi bir HTML düzenleyici veya metin düzenleyici kullanarak aşağıda açıklanan HTML ve CSS değişikliklerini yapın.

  1. Yazı tipini değiştirmek istediğiniz metni bulun. Bunu bir örnek olarak kullanacağız: Bu metin Arial’de

  2. Metni SPAN öğesi ile çevirin: Bu metin Arial’de

  3. Özniteliği ekleyin span etiketine: Bu metin Arial’de

  4. Stil niteliği içinde, yazı tipini kullanarak font ailesi tarzı.

    Bu metin Arial’dadır

    HTML'deki yazı tipi ailesi seçeneklerinin ekran görüntüsü

    Jon Fisher
  5. Etkileri görmek için değişiklikleri kaydedin.

Yazı Tipini Değiştirmek için CSS Kullanmaya İlişkin İpuçları

  1. En iyi yaklaşım, yazı tipi yığınınızda (yazı tipi listesi) her zaman en az iki yazı tipi bulundurmaktır, böylece tarayıcı ilk yazı tipine sahip değilse, bunun yerine ikinci yazı tipini kullanabilir. Birden çok yazı tipi seçeneğini virgülle ayırın, şunun gibi: font-family: Arial, Geneva, Helvetica, sans-serif;

  2. Yukarıda özetlenen örnek satır içi stil kullanır, ancak en iyi stil türü, yalnızca bir öğeden fazlasını değiştirmek için harici bir stil sayfası kullanır. Stili metin blokları üzerinde ayarlamak için bir sınıf kullanın.

    Bu metin Arial’de

    Bu örnekte, yukarıdaki HTML’yi biçimlendirmek için CSS dosyası aşağıdaki gibi görünecektir: .arial {font-family: Arial; }

    Harici CSS yazı tipi ailesi seçeneklerinin ekran görüntüsü

    Jon Fisher
  3. CSS stillerini her zaman noktalı virgülle (;) sonlandırın. Tek bir stil olduğunda gerekli değildir, ancak başlamak için iyi bir alışkanlıktır.