miércoles, 29 de enero de 2014

Los tipos de letras y el blog (generalidades)

Quiero profundizar un poco sobre el tema de la personalización de los tipos de letra (básicamente las del texto de los 'artículos') en los blogs. Tengo muy claro que se pueden personalizar de dos formas: una, en la Plantilla del Blog (y se aplicaría, por defecto, para todo el Blog), y otra, específicamente, por ejemplo para un párrafo, o palabra, en la propia Entrada.
Para ello, posiblemente haya que hacer alguna incursión por el lenguaje HTML, etc, así que voy a poner, en plan muy general, unas pinceladas que he tenido que asimilar.
En primer lugar, observo que en al Plantilla puedo definir los parámetros aplicables por defecto: tipo de letra, tamaño, color... mientras que en la edición de la plantilla (aparte de los consabidos negrita, cursiva, subrayado, incluso también color) aparecen unos pocos tipos de letra y solo puedo elegir... esto:
Además, descubro que la relación de aspecto entre un nivel y el consecutivo es de 1 a 1.5 (es decir que si el tamaño 'Normal' que fijas en la Plantilla es de 12 pixeles (o 'puntos, o lo que sea) la 'Pequeña' sería de 8, lo cual me parece excesivo... pero sospecho que es una variable de Blogger 'que no se puede tocar'... o al menos no he conseguido verlo por ningún lado.
Hay una web interesante donde se puede probar cómo aparecen los tipos de letras en tu ordenador. Es esta: http://www.typetester.org/
(en ella puedes probar (y ver conjuntamente), hasta 3 alternativas, una por 'columna').
Y he entendido varias cosas, que seguramente me serán útiles. Y de paso he aprendido algunos términos del 'noble Arte de la Tipografía':
el tamaño ('size') de la fuente, en lenguaje CSS, se pone, por ejemplo, así: '1.6em'. Este valor 1,6em es equivalente a 16 pixeles (que es el formato de tamaño que se ve normalmente en los editores de texto) 
'leading' (también en formato 'em') es el 'interlineado'. Por ejemplo, 1.5em equivale a 1,5 líneas de interlineado 
'tracking' es el 'espaciado entre letras' de cada palabra (con esto se pueden contraer o expandir) 
'word space' es el 'espaciado entre palabras consecutivas' O sea, el espacio que se introduce con la barra de tabulación del teclado. 
'kerning' (no viene ahí) es un ajuste especial entre determinadas letras consecutivas, porque se verían mejor así. Por ejemplo las letras AV, HL, etc se tiende a acercarlas/alejarlas un poco porque quedan mejor. Supongo que así es como se consigue el típico 'ꝏ' 
bueno, y etc, que el resto que pone en esa web se entiende fácilmente
Pero lo que puede ser importante es ver cómo aparecen estas cosas en el código HTML del Blog, que así se aprende algo si hay que editar (como seguramenet habrá que hacer alguna vez) el HTML de la plantilla, o de una entrada:
Si pincho (editando la entrada) en HTML, veo una cosa así (voy a copiar un fragmento, y remarcar lo que vea interesante)
Esto lo escribo en la fuente (y tamaño) <u>predeterminados</u> en la Plantilla. Pero... <b>¿qué pasa si cambio el tipo de letra, en la propia Entrada?</b> 
<br />
<span style="font-family: inherit;">Voy a verlas todas juntas, 1234567890 - Predeterminada</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Voy a verlas todas juntas, 1234567890 - Arial</span><br />
<span style="font-family: &quot;Courier New&quot;,Courier,monospace;">Voy a verlas todas juntas, 1234567890 - Courier</span><br />
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">Voy a verlas todas juntas, 1234567890 - Georgia</span><br />
<span style="font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;">Voy a verlas todas juntas, 1234567890 - Helvetica</span><br />
<span style="font-family: Times,&quot;Times New Roman&quot;,serif;">Voy a verlas todas juntas, 1234567890 - Times</span><br />
...
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Voy a verlas todas juntas, 1234567890 - Arial</span></span><br />
<span style="font-size: x-small;"><span style="font-family: &quot;Courier New&quot;,Courier,monospace;">Voy a verlas todas juntas, 1234567890 - Courier</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">Voy a verlas todas juntas, 1234567890 - Georgia</span></span><br />

Donde
<u>...</u> y <b>...</b> abren y cierran la orden de escribir, respectivamente, subrayado o en negrita
<br /> este es el 'salto de línea', que verá por todas partes
<span style="font-family: Arial,Helvetica,sans-serif;">...</span> es la orden de usar (y acabar de usar) un tipo de letra. A veces, en la 'font-family' suelen aparecer varias, para tener alternativas si falla la primera (que es la que 'manda')
<span style="font-size: x-small;">... ...</span> así se indica que ese texto debe llevar el tamaño de letra que se define.

Respecto a los códigos que aparecen en la Plantilla del blog... mejor no los vemos, son 'para expertos', y pueden ser 2000 o 3000 líneas que, a nivel de novato... no se entiende nada.

De todas formas, en estas entradas de 'Perfeccionamientos' tendremos que echar mano de esta edición HTML... y aprenderemos a buscar una línea determinada del código (con CTRL+F) para incluir, delante o detrás, algún código complementario.

Etiquetas:

0 comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.

Suscribirse a Enviar comentarios [Atom]

<< Inicio