/* css/fonts.css — site-wide typography */
:root{
  --font-sans: "jaf-facitweb", "Work Sans",
               -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
}

html, body { font-family: var(--font-sans); font-weight: 400; }
h1, .h1 { font-weight: 700; }
h2, .h2 { font-weight: 700; }
h3, .h3 { font-weight: 600; }
b, strong { font-weight: 700; }
em, i     { font-style: italic; }

/* For any stubborn legacy elements */
.ff-base { font-family: var(--font-sans) !important; }

/* Title matches splash look */
.site-title{
  font-family: "jaf-facitweb", "Work Sans",
               -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: 200;           /* change to 700 if your splash was bold */
  line-height: 1.1;
  letter-spacing: 0.02em;     /* gently spaced, like Muse often does */
  display: block;
  font-size: 24px;            /* desktop */
}

/* Responsive steps (approximate Muse breakpoints) */
@media (max-width: 680px){
  .site-title{ font-size: 36px; }
}
@media (max-width: 425px){
  .site-title{ font-size: 28px; }
}

.header-nav a{
  font-family: "jaf-facitweb", "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
}
<!-- Adobe Fonts (Facit) -->
<link rel="stylesheet" href="https://use.typekit.net/yqr7rts.css">

<style>
  /* Global font swap to Facit, but keep your existing sizes/colors */
  html, body, table, td, th, p, a, li, span, em, strong, small, caption, label,
  input, textarea, select, /* catch legacy inline font tags too: */
  font {
    font-family: "jaf-facitweb","Work Sans",Arial,Helvetica,sans-serif !important;
  }

  /* Neutralize any old <font face="..."> so our family wins */
  font[face] { font-family: inherit !important; }

  /* If you use helper classes on those lines, this keeps them in Facit too */
  .backlink, .image-warning { font-family: inherit !important; }

  /* Header stays as you had it */
  .topbar, .topbar td, .topbar a, .topbar span {
    font-family: "jaf-facitweb","Work Sans",Arial,Helvetica,sans-serif;
  }
  .topbar .name { font-size: 24px; }
  .topbar .nav  { font-size: 18px; text-align: right; }
</style>