Hola Maestros,
aqui dejo tonces una insignificante "INVESTIGACION" sobre esos H*
He buscado la relacion en tamaños de Pixeles y Puntos de los H*, y he encontrado esto:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>H*</title>
<style type="text/css">
h1,h2,h3,h4,h5,h6{
font-family: sans-serif, arial, verdana, tahoma;
display: inline;
border: 1px solid red;
margin: 0;
padding: 0;
}
body{
background-color: #d6d28b;
}
/* EN PUNTOS */
.fpt1{
color: green;
font-size: 24pt;
}
.fpt2{
color: green;
font-size: 18pt;
}
.fpt3{
color: green;
font-size: 14pt;
/* Para IE y Opera debe ser font-size: 13.8pt; */
}
.fpt4{
color: green;
font-size: 12pt;
}
.fpt5{
color: green;
font-size: 10pt;
}
.fpt6{
color: green;
font-size: 8pt;
/* Para IE y Opera debe ser font-size: 7.5pt; */
}
/* EN PIXELES */
.fpx1{
color: green;
font-size: 32px;
}
.fpx2{
color: green;
font-size: 24px;
}
.fpx3{
color: green;
font-size: 19px;
/* Para IE y Opera debe ser font-size: 18px; */
}
.fpx4{
color: green;
font-size: 16px;
}
.fpx5{
color: green;
font-size: 13.4px;
}
.fpx6{
color: green;
font-size: 10px;
/* Para Nescafe font-size: 10.5px; */
}
/* Cambiando en 2 Unidades < de Puntos */
.menos_2_1{
color: green;
font-size: 28px;
}
.menos_2_2{
color: green;
font-size: 20px;
}
.menos_2_3{
color: green;
font-size: 15px;
/* Para IE y Opera debe ser font-size: 13.8px; */
}
.menos_2_4{
color: green;
font-size: 12px;
}
.menos_2_5{
color: green;
font-size: 9px;
}
.menos_2_6{
color: green;
font-size: 6px;
/* Para IE y Opera debe ser font-size: 7.5px; */
}
</style>
</head>
<body>
<h1>H1</h1><h2>H2</h2><h3>H3</h3><h4>H4</h4><h5>H5</h5><h6>H6</h6>
<br />
<h1 class="fpt1">H1</h1><h2 class="fpt2">H2</h2><h3 class="fpt3">H3</h3><h4 class="fpt4">H4</h4><h5 class="fpt5">H5</h5><h6 class="fpt6">H6</h6>
<br />
<h1 class="fpx1">H1</h1><h2 class="fpx2">H2</h2><h3 class="fpx3">H3</h3><h4 class="fpx4">H4</h4><h5 class="fpx5">H5</h5><h6 class="fpx6">H6</h6>
<br />
<h1>H1</h1><h2>H2</h2><h3>H3</h3><h4>H4</h4><h5>H5</h5><h6>H6</h6>
<hr />
<h1 class="menos_2_1">H1</h1><h2 class="menos_2_2">H2</h2><h3 class="menos_2_3">H3</h3><h4 class="menos_2_4">H4</h4><h5 class="menos_2_5">H5</h5><h6 class="menos_2_6">H6</h6>
</body>
</html> Espero que sea de utilidad a alguien...
(para mi lo es
)