Times New Roman: varias presentaciones para una sola fuente

Ya es hora de regresar a
Times New Roman
desdenuestros blogs

Sólo hay que jugar con el CSS

Sin siquiera tocar la plantilla

para ir de un estilo a otro...

... sin movernos de la misma fuente

Había una vez un barquito chiquitito. Había una vez un barquito chiquitito, que no sabía, que no sabía, que no sabía navegar.Pasaron un. dos, tres, cuatro, cinco, seis semanas...

Había una vez, un barquito
chiquitito. Había una vez, un barquito chiquitito,
que no sabía, que no sabía, que no sabía navegar.
Pasaron un, dos, tres, cuatro, cinco, seis, semanas.
Pasaron un, dos, tres, cuatro, cinco, seis semanas,
y aquél barquito, y aquél barquito,
y aquél barquito navegó.

Y aquí, el CSS de todos estos ejemplos... hala: a entretenerse :)

<p><span style="margin: 0px; font-family: 'Times New Roman'; font-style: italic; font-variant: normal; font-weight: 100; font-size: 24px; line-height: 20px; font-size-adjust: none; font-stretch: normal; letter-spacing: 0.1em; display: block;">Ya es hora de regresar a</span>

<span style="margin: 0px; text-align: center; font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: 900; font-size: 38px; line-height: 26px; font-size-adjust: none; font-stretch: normal; letter-spacing: -0.1em; display: block;">Times New Roman</span>

<span style="margin: 0px; text-align: right; font-family: 'Times New Roman'; font-style: italic; font-variant: normal; font-weight: 100; font-size: 16px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 1em; padding-right: 10px; display: block;">desdenuestros blogs</span></p>



<span style="font-family: 'Times New Roman'; font-style: italic; font-variant: normal; font-weight: 500; font-size: 32px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 0.1em;">Sólo hay que jugar con el CSS</span>



<span style="font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: 100; font-size: 32px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 0.1em; text-transform: uppercase;">Sin siquiera tocar la plantilla</span>



<span style="font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: 900; font-size: 32px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: -0.1em;">para ir de un estilo a otro...</span>



<span style="font-family: 'Times New Roman'; font-style: italic; font-variant: normal; font-weight: normal; font-size: 32px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 0.3em; text-transform: lowercase;">... sin movernos de la misma fuente</span>



<span style="font-family: 'Times New Roman'; font-style: italic; font-variant: normal; font-weight: normal; font-size: 26px; line-height: 26px; font-size-adjust: none; font-stretch: normal;">Había una vez</span> <span style="font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 26px; font-size-adjust: none; font-stretch: normal;">un barquito chiquitito. Había una vez un barquito chiquitito, que no sabía, que no sabía, que no sabía navegar.Pasaron un. dos, tres, cuatro, cinco, seis semanas...</span>



<span style="border: 3px double rgb(51, 87, 130); margin: 0pt 10px 5px 0pt; padding: 8px; font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: bold; font-size: 44px; line-height: normal; font-size-adjust: none; font-stretch: normal; float: left; background-color: rgb(231, 239, 250);">H</span><span style="font-family: 'Times New Roman'; font-style: italic; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 18px; font-size-adjust: none; font-stretch: normal;">abía una vez, un barquito

chiquitito. Había una vez, un barquito chiquitito,

que no sabía, que no sabía, que no sabía navegar.

Pasaron un, dos, tres, cuatro, cinco, seis, semanas.

Pasaron un, dos, tres, cuatro, cinco, seis semanas,

y aquél barquito, y aquél barquito,

y aquél barquito navegó.

Me enseñó: .mezzoblue