Mayúsculas iniciales en WordPress

Ciertamente si tenemos un sitio propio, con dominio propio y acceso como administrador a sus «entrañas» podremos crear nuestros propios estilos CSS y con ellos construir cualquier formato que queramos en nuestras páginas. Pero eso solo si «tenemos el poder» (y queremos utilizarlo). Ahora bien, esto no quiere decir que no podamos hacer «cosas extrañas» en una de estas cuentas gratuitas, solo tendremos que trabajar un poco más. De hecho en un artículo anterior vimos cómo utilizar Texto En Versalitas y «definiciones flotantes» mientras que en otro artículo comentamos cómo utilizar los logos de TEX, LATEX, XƎTEX y LYX: hoy le toca el turno a las «mayúsculas iniciales», que ya hemos visto en funciones hace un par de semanas.

Pues bien, este truco, como el anterior, está en ir a la pestaña HTML del editor de WordPress e insertar un poco de código. El truco lo vi en la siguiente página: How do I add a Drop cap text (html or image) to my website. Básicamente para crear la primera letra inicial he escrito

<span style="float: left; color: #d4d4c7; font-size: 87px; 
line-height: 39px; padding-top: 3px; padding-right: 3px; 
font-family: serif;">C</span><span style="font-variant: 
small-caps;">iertamente</span> si tenemos

NOTA IMPORTANTE: Por motivos de presentación he quebrado el código en varias líneas, pero es mejor ponerlo todo en una sola.

Solo nos queda jugar un poco con los colores HTML y los tamaños de la letra capital y su interlineado. El código no es ciertamente cómodo por lo que es un recurso que queda solo para «artículos especiales». Eso o adquirir un plan más completo que nos permita trabajar con el código CSS.

Anuncios

DAE-18: El texto ya está en su lugar (mayormente)

Bueno, parece que después de todo es posible que la edición 2018 de «domando al escritor» no se convierta en la edición 2019…

El texto está, mayormente, «en su lugar». De hecho el índice ya ha llegado a las siete páginas. No hay aún diagramas ni capturas de pantalla, solo texto y dos tablas. Hay muchas «notas» indicando dónde deberían ir los diagramas y las capturas de pantalla, pero para esta edición estoy haciendo todo lo posible para reducir el número de figuras al mínimo indispensable… para así después revisar todo otra vez y quitar algunas más.

El libro será completamente diferente a todas las ediciones anteriores. De hecho en el primer capítulo dejo en claro cuándo es mejor no usar Writer, indicando las situaciones en las cuales es mejor buscar una alternativa.

Todo en claro y desde el principio.

En fin, que ahora empiezan las infinitas rondas de revisión. Pero no hay que preocuparse, que ya estoy blindando la radiación sincrotrón que saldrá de tanto giro.

La fecha sigue indeterminada, pero ya va tomando forma.

Usar XeTeX en LibreOffice Writer

Solo en las expresiones matemáticas, eso sí.

Ya hablé de TeXMaths por aquí, pero hoy quiero volver a esta extensión ya que a partir de la versión 0.46 nos ofrece algo simplemente magnífico: ¡soporte completo para XƎTEX y el paquete unicode-math!

¡Esto quiere decir que podemos utilizar cualquier fuente matemática para construir nuestras expresiones!

La extensión ha mejorado muchísimo desde aquel viejo artículo que escribí allá por el 2016, ofreciendo ahora varios menús que facilitan la introducción de expresiones, el manejo del preámbulo y las opciones de numeración de ecuaciones.

Lo primero que hay que hacer luego de instalar la extensión es configurarla, haciendo clic en el icono con la llave de tuercas de la barra de herramientas que esta agrega, para así escribir las rutas a los ejecutables que utiliza

Es importante notar que dvisvgm tiene que ser una versión reciente: se necesita al menos TeXLive 2017 (o equivalente) para que funcione todo.

Y recuerda, seguidor de Tux: si no sabes dónde se encuentra un ejecutable el comando whereis es tu amigo.

Ahora la novedad: en la pestaña «Opciones» podemos elegir de utilizar nuestro motor tipográfico favorito

Luego es solo cuestión de crear un objeto y modificar el preámbulo

Escribir la expresión

y disfrutar

La extensión se puede configurar en todos sus detalles, está traducida al castellano y nos ofrece opciones de numeración automática de ecuaciones, entre otras cosas. Dejo al lector los detalles, que hay para divertirse.

La fuente matemática Garamond-Math

Este artículo es parte de la serie Recomendando fuentes tipográficas


Combinar fuentes tipográficas puede ser un dolor de cabeza, especialmente cuando tenemos fórmulas matemáticas en nuestros documentos. Por esto me he alegrado al encontrar el proyecto que hoy presento

Garamond-Math | An OTF math font matching the EB Garamond

Ciertamente, para utilizar esta fuente necesitamos un sistema que la reconozca, como XƎTEX con el paquete unicode-math.

Esta fuente matemática toma los principales caracteres de EBGaramond, mientras que los elementos matemáticos son adaptaciones de distintos proyecto como STIX Two, Libertinus MathTeX Gyre Termes Math.

Aún en una etapa temprana de desarrollo, esta fuente promete mucho y nos permite crear complejos documentos técnicos con una de las tipografías más bellas jamás creadas.

Spectral, una nueva fuente con gracias llena de variantes

Este artículo es parte de la serie Recomendando fuentes tipográficas


¡Seguimos poniendo nerviosos a los conspiranoicos! El desarrollo de la fuente de hoy está auspiciado por «la gran G» para su paquete de oficina en línea, pero ha sido liberada con una licencia abierta (SIL-OFL) y puede utilizarse sin problemas en cualquier documento:

Spectral by Production Type

Como vemos en la primera captura de pantalla, además de las clásicas cuatro «formas» (normal, cursiva, negrita y negrita cursiva) tenemos otras opciones, cada una como fuente independiente, que van desde el «extra light» al «extra bold».

En el apartado «OpenType» tenemos un discreto, pero interesante set de opciones, con verdaderas versalitas en todas las variantes, distintos numerales (si bien es difícil ver la diferencia entre tabular y proporcional), verdaderas fracciones, sub- y superíndices, variantes estilísticas (si bien ni a la 3 ni a la 4 les encuentro sentido), etcétera.

Con un diseño bastante «angular» y contraste equilibrado logra verse bien en todos los tamaños de texto, por lo que funcionará en cualquier documento que requiera cierta «seriedad».

El proyecto es relativamente nuevo (el repositorio fue creado en junio del 2017), por lo que al momento de escribir estas líneas aún no ha liberado una versión «estable», pero es posible descargar la última versión de desarrollo con el botón «clone or download».

Public Sans, una fuente basada en Libre Franklin

Este artículo es parte de la serie Recomendando fuentes tipográficas


Actualización (Julio 2018): El proyecto ha cambiado (otra vez) el nombre de las fuentes, pasándolo a Public Sans.


Antes que nada, una advertencia: el proyecto que hoy presento, completamente libre y con licencia OFL, está desarrollado por una agencia gubernamental «del gran país del norte» por lo que si acostumbras vestir sombreros cubiertos de papel aluminio no sabría qué decirte… de hecho, ¡escribe :18F: con esta fuente y verás lo que sucede! 😆

Ahora en serio, el proyecto

Public Sans

anteriormente conocido como 18Franklin es una bifurcación de un proyecto de Pablo Impallari, Rodrigo Fuenzalida y Nhung Nguyen, Libre Franklin, que a su vez es una reinterpretación de un diseño clásico (1912) de Morris Fuller Benton.

NOTA: LibreOffice tiene serios problemas a la hora de tratar con fuentes que ofrezcan muchas variantes. Por ejemplo, con esta fuente no ofrecerá la opción «Mediano» por lo que para la segunda captura de pantalla he utilizado LYX.

Respecto del proyecto original se han cambiado los numerales, agregando los «monoespaciados» (+tnum) y se ha cambiado la forma de la l minúscula agregándole un tallo que ayuda a diferenciarla tanto de la I mayúscula como del 1 (la forma original de este carácter puede recuperarse con el set estilístico 1, +ss01, o con las alternativas estilísticas, +salt). También existen varias diferencias en el diseño de los caracteres, en el «peso» de cada una de sus variantes, etcétera.

En definitiva, a menos que seas un conspiranoico empedernido esta fuente sin gracias es una alternativa sumamente interesante.

A jugar con «span»: logos de LyX, LaTeX y XeTeX en wordpress

En este blog hablo mucho sobre LYX, LATEX y XƎTEX, mencionando cada tanto las «cajas TEX» y demás. El artículo de hoy es para mostrar cómo logro los «logos» correspondientes sin utilizar esos programas, solo con HTML puro y duro.

En HTML, a través del uso de entornos «span» podemos pasar parámetros al texto para cambiar cosas como el tamaño, la posición vertical y la distancia horizontal entre los caracteres (el kerning). Ahora bien, primero que nada debemos saber qué valores necesitamos.

Hace un tiempo descubrí una página en la wiki de LYX que indica cómo construir el «logo» del programa en LATEX. La instrucción es la siguiente

L\kern-.1667em\lower.25em\hbox{Y}\kern-.125emX\@

Allí vemos que la Y que viene luego de la L tendrá un kerning negativo y que tiene que ser «bajada», para finalmente hacer que la X también tenga un kerning negativo. Traduciendo esto a HTML (código que tenemos que copiar en el editor HTML de WordPress) obtenemos

L<span style="vertical-align: -0.25em; margin-left: -0.125em; 
   margin-right: -0.125em;">Y</span>X

lo cual nos da lo que queremos: LYX.

NOTA IMPORTANTE: Por motivos de presentación he quebrado el código en varias líneas, pero es mejor ponerlo todo en una sola. Lo mismo vale para los próximos ejemplos de código.

Viendo que esto funcionaba fue solo cuestión de un poco de prueba y error para obtener

TEX

T<span style="vertical-align: -0.5ex; margin-left: -0.1667em; 
   margin-right: -0.125em;">E</span>X

o LATEX

L<span style="font-size: 70%; margin-left: -0.36em; 
   vertical-align: 0.3em; line-height: 0; 
   margin-right: -0.15em;">A</span>
   T<span style="margin-left: -0.1667em; vertical-align: -0.5ex; 
   line-height: 0; margin-right: -0.125em;">E</span>X

Más complicado ha sido el logo de XƎTEX. Para la «E invertida» he utilizado el carácter Ǝ, U+018E, por lo que en principio el siguiente código debería funcionar

X<span style="margin-left: -0.1667em; vertical-align: -0.5ex; 
   line-height: 0; margin-right: -0.125em;">Ǝ</span>
   T<span style="margin-left: -0.1667em; vertical-align: -0.5ex; 
   line-height: 0; margin-right: -0.125em;">E</span>X

Digo en principio porque no todas las fuentes tipográficas ofrecen este carácter: si el carácter falta el navegador utilizará una fuente substitutiva para el mismo. No creo que sea necesario el comentar que en ese caso la meticulosa alineación indicada por el código se irá al demonio. En esta madriguera hispana utilizo la fuente tipográfica Vollkorn que es lo suficientemente completa, pero siempre hay que prestar atención a estos detalles.

Y esas cosas.