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

Aşağıdaki ekran görüntüleri JSFiddle.net kod oyun alanı için geçerlidir, ancak açıklanan kavramlar, kodunuz nerede uygulanırsa uygulansın doğrudur.

Yazı tipini değiştirmek istediğiniz metni bulun. Bunu örnek olarak kullanacağız:

Stil özelliği içinde, yazı tipini kullanarak yazı tipini değiştirin. font ailesi stil.

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

En iyi yaklaşım, dosyanızda her zaman en az iki yazı tipi bulundurmaktır. yazı tipi yığını (yazı tipi listesi), böylece tarayıcı ilk yazı tipine sahip değilse bunun yerine ikinci yazı tipini kullanabilir.

Yukarıda özetlenen örnek, satır içi stili kullanır, ancak en iyisi bir tür stil kullanır harici stil sayfası sadece bir öğeden daha fazlasını değiştirmek için. Stili metin bloklarında ayarlamak için bir sınıf kullanın.

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