EOD Insights · Brand webfonts

AT EODAT SIGHT

Self-hosted @font-face delivery for dashboards, client pages and anything else that needs the real brand typefaces over HTTPS.

Is it working?

These checks run in your browser against this site's own font files. If they pass here, the same URLs will work from any other domain.

…Running checks.

Specimens

Each block below is rendered live from the hosted files. If a line falls back to Helvetica or Arial, that weight failed to load.

AT EOD — display & body
AT EOD Thinfont-family:'AT EOD'; font-weight:100
We'll make sure they love it, before you launch it.
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 0123456789 €$£% &@#
AT EOD ExtraLightfont-family:'AT EOD'; font-weight:200
We'll make sure they love it, before you launch it.
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 0123456789 €$£% &@#
AT EOD Lightfont-family:'AT EOD'; font-weight:300
We'll make sure they love it, before you launch it.
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 0123456789 €$£% &@#
AT EOD Regularfont-family:'AT EOD'; font-weight:400
We'll make sure they love it, before you launch it.
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 0123456789 €$£% &@#
AT SIGHT — labels, eyebrows, nav
AT SIGHT Thinfont-family:'AT SIGHT'; font-weight:100
STOP GUESSING · MAKE CONFIDENT DECISIONS
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 0123456789
AT SIGHT Regularfont-family:'AT SIGHT'; font-weight:400
STOP GUESSING · MAKE CONFIDENT DECISIONS
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 0123456789
AT SIGHT has no currency or maths glyphs. It is missing € $ £ % ‰ ° = < > # * { } _ ~ ^ “ ” … ß Ø ø Æ æ. Any of those characters will silently fall back to another font mid-word. Use AT EOD for anything containing numbers with units, currency or comparisons — it covers the full set. Keep AT SIGHT for uppercase labels, eyebrows and nav, and always give it a fallback stack. --f-sight in fonts.css already falls back to AT EOD for exactly this reason.

Use it

One line if the tool lets you link a stylesheet. Otherwise paste the blocks from embed.css — they use absolute URLs and work from any origin.

Option A — link the stylesheet
<link rel="stylesheet" href="https://fonts.eodinsights.com/fonts.css">
Option B — @import at the top of a stylesheet
@import url('https://fonts.eodinsights.com/fonts.css');
Option C — paste @font-face directly
@font-face {
  font-family: 'AT EOD';
  src: url('https://fonts.eodinsights.com/fonts/ateod-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* …repeat for 100 / 200 / 300 and for AT SIGHT.
   Full set ready to copy: https://fonts.eodinsights.com/embed.css */
Then use it
body   { font-family: 'AT EOD', 'Helvetica Neue', Arial, sans-serif; font-weight: 300; }
h1     { font-family: 'AT EOD'; font-weight: 300; }
.label { font-family: 'AT SIGHT', 'AT EOD', sans-serif; font-weight: 100;
         letter-spacing: -0.02em; text-transform: uppercase; }