HTML - Yazı Tipleri

Yazı tipleri, bir web sitesini daha kullanıcı dostu yapmada ve içeriğin okunabilirliğini artırmada çok önemli bir rol oynar. Yazı tipi yüzü ve rengi tamamen sayfanızı görüntülemek için kullanılan bilgisayara ve tarayıcıya bağlıdır, ancak HTML kullanabilirsiniz<font>Web sitenizdeki metne stil, boyut ve renk eklemek için etiketi. Kullanabilirsin<basefont> tüm metninizi aynı boyuta, yüze ve renge ayarlamak için etiketi.

Yazı tipi etiketinin adı verilen üç özelliği vardır size, color, ve faceyazı tiplerinizi özelleştirmek için. Web sayfanızdaki yazı tipi niteliklerinden herhangi birini istediğiniz zaman değiştirmek için <font> etiketini kullanın. Aşağıdaki metin, siz </font> etiketiyle kapatana kadar değişmeden kalacaktır. Yazı tipi niteliklerinin birini veya tamamını tek bir <font> etiketi içinde değiştirebilirsiniz.

Note-The yazı ve basefont etiketleri kaldırıldığını ve HTML, gelecekteki bir sürümüne kaldırılacaktır gerekiyordu. Bu yüzden kullanılmamaları gerekir, yazı tiplerinizi değiştirmek için CSS stillerini kullanmanız önerilir. Yine de öğrenme amacıyla, bu bölüm yazı tipi ve basefont etiketlerini ayrıntılı olarak açıklayacaktır.

Yazı Tipi Boyutunu Ayarla

İçerik yazı tipi boyutunu kullanarak sizeöznitelik. Kabul edilen değerler aralığı 1'den (en küçük) 7'ye (en büyük) kadardır. Bir yazı tipinin varsayılan boyutu 3'tür.

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Setting Font Size</title>
   </head>

   <body>
      <font size = "1">Font size = "1"</font><br />
      <font size = "2">Font size = "2"</font><br />
      <font size = "3">Font size = "3"</font><br />
      <font size = "4">Font size = "4"</font><br />
      <font size = "5">Font size = "5"</font><br />
      <font size = "6">Font size = "6"</font><br />
      <font size = "7">Font size = "7"</font>
   </body>

</html>

Bu, aşağıdaki sonucu verecektir -

Göreli Yazı Tipi Boyutu

Önceden ayarlanmış yazı tipi boyutundan kaç boyut daha büyük veya kaç boyut daha küçük olması gerektiğini belirtebilirsiniz. Gibi belirtebilirsiniz<font size = "+n"> veya <font size = "−n">

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Relative Font Size</title>
   </head>

   <body>
      <font size = "-1">Font size = "-1"</font><br />
      <font size = "+1">Font size = "+1"</font><br />
      <font size = "+2">Font size = "+2"</font><br />
      <font size = "+3">Font size = "+3"</font><br />
      <font size = "+4">Font size = "+4"</font>
   </body>

</html>

Bu, aşağıdaki sonucu verecektir -

Yazı Tipi Yüzünü Ayarlama

Yüz özniteliğini kullanarak yazı tipi yüzünü ayarlayabilirsiniz, ancak sayfayı görüntüleyen kullanıcının yazı tipi yüklü olmaması durumunda onu göremeyeceğini unutmayın. Bunun yerine kullanıcı, kullanıcının bilgisayarına uygulanabilir varsayılan yazı tipi yüzünü görecektir.

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Font Face</title>
   </head>

   <body>
      <font face = "Times New Roman" size = "5">Times New Roman</font><br />
      <font face = "Verdana" size = "5">Verdana</font><br />
      <font face = "Comic sans MS" size =" 5">Comic Sans MS</font><br />
      <font face = "WildWest" size = "5">WildWest</font><br />
      <font face = "Bedrock" size = "5">Bedrock</font><br />
   </body>

</html>

Bu, aşağıdaki sonucu verecektir -

Alternatif yazı tipi yüzlerini belirtin

Bir ziyaretçi, yazı tipinizi yalnızca bilgisayarında yüklü olan yazı tipine sahipse görebilir. Bu nedenle, yazı tipi yüz adlarını virgülle ayırarak listeleyerek iki veya daha fazla yazı tipi yüzü alternatifi belirlemek mümkündür.

<font face = "arial,helvetica">
<font face = "Lucida Calligraphy,Comic Sans MS,Lucida Console">

Sayfanız yüklendiğinde, tarayıcıları mevcut ilk yazı tipi yüzünü görüntüleyecektir. Verilen yazı tiplerinden hiçbiri yüklü değilse, o zaman varsayılan yazı tipi yüzü Times New Roman gösterilecektir .

Note - Tam listesini kontrol edin HTML Standard Fonts.

Yazı Tipi Rengini Ayarlama

Renk özelliğini kullanarak istediğiniz yazı tipi rengini ayarlayabilirsiniz . İstediğiniz rengi, o rengin renk adı veya onaltılık koduyla belirtebilirsiniz.

Note - Tam bir listeyi kontrol edebilirsiniz HTML Color Name with Codes.

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Setting Font Color</title>
   </head>
	
   <body>
      <font color = "#FF00FF">This text is in pink</font><br />
      <font color = "red">This text is red</font>
   </body>
	
</html>

Bu, aşağıdaki sonucu verecektir -

<basefont> Öğesi

<basefont> öğesinin, belgenin bir <font> etiketi içinde yer almayan herhangi bir bölümü için varsayılan bir yazı tipi boyutu, rengi ve yazı tipi ayarlaması beklenir. <font> öğelerini <basefont> ayarlarını geçersiz kılmak için kullanabilirsiniz.

<basefont> etiketi ayrıca renk, boyut ve yüz niteliklerini alır ve daha büyük bir boyut için boyuta +1 veya daha küçük iki boyut için −2 değeri vererek göreceli yazı tipi ayarını destekler.

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Setting Basefont Color</title>
   </head>
	
   <body>
      <basefont face = "arial, verdana, sans-serif" size = "2" color = "#ff0000">
      <p>This is the page's default font.</p>
      <h2>Example of the &lt;basefont&gt; Element</h2>
      
      <p><font size = "+2" color = "darkgray">
            This is darkgray text with two sizes larger
         </font>
      </p>

      <p><font face = "courier" size = "-1" color = "#000000">
            It is a courier font, a size smaller and black in color.
         </font>
      </p>
   </body>
	
</html>

Bu, aşağıdaki sonucu verecektir -