/* Then one link, on a chart page only, in the same position book3d.css occupies:
    <link rel="stylesheet" href="site/css/astro-glyphs.css">
    
    A screen reader reads the letter, not the symbol, so "Capricorn" would be announced as "J". Every glyph needs either a real word beside it and aria-hidden="true" on the glyph, or a label of its own:
    <span class="astro-glyph" role="img" aria-label="Capricorn">J</span> */
@font-face {
    font-family: "AstroIcons";
    src: url("../fonts/astrocaffeiconswebfont.woff2") format("woff2"),
         url("../fonts/astrocaffeiconswebfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.astro-glyph {
    font-family: "AstroIcons";
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    text-transform: none;
}