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.

Anuncios

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».

United Sans, una fuente basada en Libre Franklin

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


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

United 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.

Insertar caracteres unicode arbitrarios en XeTeX | 2

En un artículo anterior vimos cómo insertar un carácter arbitrario en un documento XƎTEX usando su código unicode. Hoy veremos otro método más «elegante» que nos permitirá crear un estilo de carácter en LyX que simplificará el trabajo.

Volvamos al ejemplo del artículo anterior: un documento construido con XƎTEX que utiliza la fuente Libertinus Serif en el cual queremos insertar el alegre pingüino que está en el área de uso privado de la misma bajo el código U-E000, pero esta vez custodiado por dos dragones: U-E13B y U-E13C.

La instrucción que usaremos es \symbol{"XXXX}, donde XXXX  representa el código hexadecimal del carácter, ¡pero esta vez en mayúsculas!

En LyX creamos un «formato local» (¡en el libro está explicado!) como el siguiente

Format 60
    InsetLayout Flex:UniCodes
    LyxType       charstyle
    LabelString   UnCod
    LatexType     command
    LatexName     unicodes
    Preamble
       \newcommand{\unicodes}[1]{\symbol{"#1}}
    EndPreamble
    ResetsFont true
End

(estamos utilizando el formato de la versión 2.2)

Luego de validar y aceptar, vamos al documento y escribimos

E13B E000 E13C

seleccionamos cada uno de los tres «bloques» y con un clic derecho → Estilo de texto aplicamos el estilo UniCodes

Todo listo

Insertar caracteres unicode arbitrarios en XeTeX | 1

No, no me he olvidado de hablar de LyX luego de haber publicado el libro. De hecho hoy daré un rápido truco que el lector atento del libro podrá simplificar creando nuevas instrucciones.

Como dice el título, el tema es insertar caracteres unicode arbitrarios en un documento XƎTEX editado desde LyX. Existen dos formas de lograr esto, hoy veremos la más «directa».

Para dar un ejemplo claro supongamos que tenemos un documento construido con XƎTEX que utiliza la fuente Libertinus Serif y que queremos insertar el alegre pingüino que está en el área de uso privado de la misma bajo el código U-E000.

El truco para insertar cualquier carácter unicode en XƎTEX es simple: escribimos cuatro acentos circunflejos seguidos por el código hexadecimal (¡en minúsculas!) del carácter que nos interesa. Es decir, siguiendo con nuestro ejemplo abrimos una «caja TEX» dentro de nuestro documento LyX para escribir

^^^^e000

y ya estará todo listo

Lo dicho: queda como tarea para el lector el crear alguna instrucción para, en el caso de que el mismo carácter especial sea necesario muchas veces en el documento, aplicar esto más rápidamente. Vamos, que con lo que explico en el libro debería ser fácil 😉

Como ya comentamos existe otra forma de insertar caracteres por su código unicode. Y no, no me refiero a copiar y pegar desde KCharSelect. Este otro método requiere escribir un poco más, pero es «más elegante» y además nos permitirá definir un estilo de carácter para insertar estos símbolos más fácilmente.

Tema para otro artículo.

Versalitas y definiciones en WordPress

A menos que tengamos un sitio propio en el cual seamos libres de instalar complementos y tal, es poco lo que podemos hacer a la hora de obtener formatos «extraños» en nuestro sitio WordPress. Pero poco no es sinónimo de nada, sobre todo si estamos dispuestos a escribir un poco de código HTML.

Luego de la terrible corrección de error de la semana pasada, sigamos entonces el año con algo más relajado y veamos cómo utilizar Texto En Versalitas y «Definiciones Flotantes» en nuestros blog de WordPress.

Una captura de pantalla mostrando el segundo de los efectos, la «definición flotante», que lo de las Versalitas ya quedó claro

Pues bien, para ambas cosas tenemos que dirigirnos a la pestaña HTML del editor de WordPress. Para la primera escribimos algo así

<span style="font-variant: small-caps;">Texto En Versalitas</span>

tal y como se ve en la siguiente captura de pantalla

El editor de WordPress en «modo HTML»

Volviendo al editor visual podremos ver Nuestras Versalitas ya en acción.

Para agregar lo que he llamado una «Definición Flotante», el código a utilizar es

<abbr title="Un breve texto que aparece cuando colocamos el 
cursor en el objeto seleccionado">Definiciones Flotantes</abbr>

Y Esas Cosas, que todavía estamos en enero y el año hay que empezarlo relajadamente.


NOTA: Es posible utilizar etiquetas OpenType en HTML, el problema es que no sabiendo qué fuente será utilizada por el navegador para mostrar la página estas opciones avanzadas podrían fallar. Lo que se comenta en este artículo funciona siempre.

Más información sobre Versalitas En HTML

[wikipedia]Small caps in Cascading Style Sheets

CSS – Tricks | font-feature-settings

Lo de la abreviación no recuerdo de dónde lo saqué, lo tenía en un archivo de texto con una lista de cosas de las cuales hablar.