html body {
  font-family: var(--tf-font-body) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .wp-block-heading,
html body .entry-title,
html body .page-title,
html body .site-title,
html body .widget-title {
  font-family: var(--tf-font-heading) !important;
}

html body .site-header,
html body .site-footer,
html body .main-navigation,
html body .menu,
html body .nav-menu,
html body .widget,
html body .breadcrumbs,
html body .navigation,
html body .pagination {
  font-family: var(--tf-font-body) !important;
}