/*
 * The wordmark face, and nothing else.
 *
 * This is its own file because site.css and admin.css are loaded by different layouts and
 * never together, so the alternative is the same @font-face declared twice: which works
 * today and drifts the first time a filename changes in one copy and not the other.
 *
 * RabioHead is the 2013 site's own font. It set `font-family: myFirstFont` on a div holding
 * the literal string "Gabriel Obreja - ceramist" at 60px in #5E89C2. The family is named
 * properly here.
 *
 * Shipped as TTF rather than woff2: there is no converter on the machine this was written
 * on, woff2 would save about 12 KB on a site that rsyncs 74 MB of photographs, and TTF
 * @font-face is supported everywhere. Swapping in a woff2 later needs no other change.
 *
 * Note the file lives in public/fonts, not public/images. /public/images/ is gitignored.
 */

@font-face {
    font-family: "RabioHead";
    /* swap, not block: the name renders immediately in the body serif and reflows when the
       font lands, rather than leaving the header blank on a slow connection. */
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/rabiohead.ttf") format("truetype");
}