tRikSonic

HTML font Tag

Terakhir diperbarui : 22 Mei 2018 - 07.53

Tutorial HTML <font>

Element HTML font digunakan sebagai element yang mengatur jenis font, warna dan ukuran pada sebuah teks.
Catatan : Element HTML <font> tidak berlaku lagi pada HTML 4.01 dan usang pada HTML 5.
Tips : Gunakan CSS sebagai pengganti hasil output element ini
html font

Attribute HTML <font>

color
Attribute ini digunakan untuk mengatur warna yang akan dihasilkan oleh element font
Contoh :
<p>
  <font color="red">Lorem Ipsum</font>
</p>

<p>
  <font color="#201da5">Lorem Ipsum</font>
</p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
  <font color="red">Lorem Ipsum</font>
</p>

<p>
  <font color="#201da5">Lorem Ipsum</font>
</p>

</body>
</html>
face
Attribute ini digunakan untuk mengatur jenis font yang akan dihasilkan oleh element font
Contoh :
<p>
  <font face="serif">Lorem Ipsum</font>
</p>

<p>
  <font face="monospace">Lorem Ipsum</font>
</p>

<p>
  <font face="cursive">Lorem Ipsum</font>
</p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
  <font face="serif">Lorem Ipsum</font>
</p>

<p>
  <font face="monospace">Lorem Ipsum</font>
</p>

<p>
  <font face="cursive">Lorem Ipsum</font>
</p>

</body>
</html>
size
Attribute ini digunakan untuk mengatur ukuran teks yang akan dihasilkan oleh element font
Contoh :
<p><font size="1">Lorem Ipsum</font></p>

<p><font size="2">Lorem Ipsum</font></p>

<p><font size="3">Lorem Ipsum</font></p>

<p><font size="4">Lorem Ipsum</font></p>

<p><font size="5">Lorem Ipsum</font></p>

<p><font size="6">Lorem Ipsum</font></p>

<p><font size="7">Lorem Ipsum</font></p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p><font size="1">Lorem Ipsum</font></p>

<p><font size="2">Lorem Ipsum</font></p>

<p><font size="3">Lorem Ipsum</font></p>

<p><font size="4">Lorem Ipsum</font></p>

<p><font size="5">Lorem Ipsum</font></p>

<p><font size="6">Lorem Ipsum</font></p>

<p><font size="7">Lorem Ipsum</font></p>

</body>
</html>

Contoh HTML <font>

<p>
  <font size="5" color="blue" face="cursive">tRik Sonic</font>
</p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
  <font size="5" color="blue" face="cursive">tRik Sonic</font>
</p>

</body>
</html>

Global Attributes:

Element <font> mencakup Global Attributes HTML.

Event Attributes:

Element <font> mencakup Event Attributes HTML.

Browser Support :

Desktop
ElementChromeSafariFirefoxOperaIEEdge
<font>YaYaYaYaYaYa
Mobile
ElementAndroid webviewChrome AndroidEdge mobileFirefox AndroidIE mobileOpera AndroidiOS Safari
<font>YaYaYaYaYaYaYa

Default CSS :

Browser yang support dengan element <font>, mempunyai nilai default :
/* tidak ada */
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.