La etiqueta <font> en HTML juega un papel importante en la página web para crear una página web atractiva y legible. La etiqueta de fuente se utiliza para cambiar el color, el tamaño y el estilo de un texto. La etiqueta de fuente base se utiliza para establecer todo el texto en el mismo tamaño, color y cara.
Sintaxis:
<font attribute = "value"> Content </font>
Ejemplo: En este ejemplo, hemos utilizado la etiqueta <font> con un tamaño de fuente de 5.
HTML
<!DOCTYPE html> <html> <body> <h2>GeeksforGeeks</h2> <!--Normal paragraph tag--> <p>Hello Geeks!.</p> <!--font tag--> <font size="5"> Welcome to GeeksforGeeks </font> </body> </html>
Producción:
Etiqueta HTML <fuente>
La etiqueta de fuente tiene básicamente tres atributos que se detallan a continuación:
Nota: la etiqueta de fuente no es compatible con HTML5.
Discutiremos todos estos atributos y los entenderemos a través de los ejemplos.
Tamaño de fuente: un el
Sintaxis:
<font size="number">
Ejemplo: Este ejemplo usa la etiqueta <font> donde se especifican diferentes tamaños de fuente.
HTML
<!DOCTYPE html> <html> <body> <!--HTML font size tag starts here--> <font size="1">GeeksforGeeks!</font><br /> <font size="2">GeeksforGeeks!</font><br /> <font size="3">GeeksforGeeks!</font><br /> <font size="4">GeeksforGeeks!</font><br /> <font size="5">GeeksforGeeks!</font><br /> <font size="6">GeeksforGeeks!</font><br /> <font size="7">GeeksforGeeks!</font> <!--HTML font size tag ends here--> </body> </html>
Producción:
atributo de tamaño de fuente
Tipo de fuente : el tipo de fuente se puede configurar utilizando el atributo de cara con la etiqueta de fuente en el documento HTML. Pero las fuentes utilizadas por el usuario deben instalarse primero en el sistema.
Sintaxis:
<font face="font_family">
Ejemplo: este ejemplo describe la etiqueta <font> con diferentes tipos y tamaños de fuente.
HTML
<!DOCTYPE html> <html> <body> <!--HTML font face tag starts here--> <font face="Times New Roman" size="6"> GeeksforGeeks!! </font> <br /> <font face="Verdana" size="6"> GeeksforGeeks!! </font><br /> <font face="Comic sans MS" size=" 6"> GeeksforGeeks!! </font><br /> <font face="WildWest" size="6"> GeeksforGeeks!! </font><br /> <font face="Bedrock" size="6"> GeeksforGeeks!! </font><br /> <!--HTML font face tag ends here--> </body> </html>
Producción:
atributo de tipo de fuente
Color de fuente: el color de fuente se usa para establecer el color del texto usando una etiqueta de fuente con el atributo de color en un documento HTML. El color se puede especificar con su nombre o con su código hexadecimal.
Sintaxis:
<font color="color_name|hex_number|rgb_number">
Ejemplo: Este ejemplo describe la etiqueta <font> con diferentes colores de fuente.
HTML
<!DOCTYPE html> <html> <body> <!--HTML font color tag starts here--> <font color="#009900">GeeksforGeeks</font><br /> <font color="green">GeeksforGeeks</font> <!--HTML font color tag ends here--> </body> </html>
Producción:
atributo de color de fuente
Navegadores compatibles:
- Google Chrome
- Microsoft Edge 12 y superior
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Akashkumar17 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA