Pregunta:
<font size ="10">font size 10</font></br>
<font size ="9">font size 9</font></br>
<font size ="8">font size 8</font></br>
<font size ="7">font size 7</font></br>
<font size ="6">font size 6</font></br>
<font size ="5">font size 5</font></br>
<font size ="4">font size 4</font></br>
<font size ="3">font size 3</font></br>
<font size ="2">font size 2</font></br>
<font size ="1">font size 1</font></br>
¿Qué pasa con mi código?
Respuesta:
Problema
La propiedad de size
la etiqueta <font>
solo se define para valores del 1 al 7. MDN dice acerca de la etiqueta <font>
:
Obsoleto
Esta característica está obsoleta. Aunque todavía puede funcionar en algunos navegadores, se desaconseja su uso ya que podría eliminarse en cualquier momento. Trate de evitar su uso.
y después:
[…] Para cualquier desarrollo web nuevo, el estilo debe escribirse usando solo CSS.
Solución
Utilice la propiedad de style
de las etiquetas HTML y el estilo CSS .
<span style="font-size:84">font size 10</span></br>
<span style="font-size:72">font size 9</span></br>
<span style="font-size:60">font size 8</span></br>
<span style="font-size:48">font size 7</span></br>
<span style="font-size:36">font size 6</span></br>
<span style="font-size:24">font size 5</span></br>
<span style="font-size:18">font size 4</span></br>
<span style="font-size:16">font size 3</span></br>
<span style="font-size:12">font size 2</span></br>
<span style="font-size:8">font size 1</span></br>