HTML dosyası içinde yazdığımız yazıların ekrana nasıl bir çıktı vereceğini bu etiket ile belirleriz. Uyumlu yazı tipleri ve renkler ile sayfanıza güzel bir görünüm kazandırabilirsiniz. Bu etiketin kullanımına alternatif olarak sayfanızda CSS de kullanabilirsiniz. CSS kullanımı sayesinde fazla kod yazımından da kurtulmuş olursunuz. Etiket ile birlikte yazı tipi, renk ve boyut belirtmek üzere üç kod kullanılır.

<p><font face="tahoma" size="3" color="maroon">
<b>Burada bir yazı var.</b></font></p>

<p><font face="tahoma" size="4" color="maroon">
<b>Burada bir yazı var.</b></font></p>

<p><font face="tahoma" size="5" color="maroon">
<b>Burada bir yazı var.</b></font></p>

<p style="color:maroon;font-family:tahoma;font-weight:bold;font-size:125%">
Burada bir yazı var.</p>

<p class="author">Burada bir yazı var.</p>

Yukarıdaki kod parçası ile ilk 3 satırda boyut değeri 3,4,5 yazı tipi tahoma ve rengi koyu kırmızı olan bir yazı yazdım. İlk 3 satırda <p>, <font> ve <b> etiketleri ile elde ettiğim sonucu sonraki 2 kodda sadece <p> etiketi ile elde ettim. Son satırdaki class="author" ile tanımlı css kodu için belgeler.css dosyasında 2. satırdaki style="..." alanındaki tanımlar bulunmaktadır. Gördüğünüz gibi CSS kullandığında elimizde daha fazla seçenek bulunmakta ve kod basitleşmektedir.

Burada dikkat etmeniz gereken husus kullanılan yazı tipidir. Kendi bilgisayarınıza özgü yazı tipleri kullanmışsanız ve o yazı tipi ziyaretçinin bilgisayarında mevcut değilse yazdığınız yazılar ziyaretçinin web istemcisinin öntanımlı ayarları doğrultusunda ekrana basılır.