@font-face {
   font-family: 'utopia_std';
   src: url('utopia_std_semibold_italic-webfont.woff2') format('woff2'),
      url('utopia_std_semibold_italic-webfont.woff') format('woff');
   font-weight: 600;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'utopia_std';
   src: url('utopia_std_semibold-webfont.woff2') format('woff2'),
      url('utopia_std_semibold-webfont.woff') format('woff');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'utopia_std';
   src: url('utopia_std_bold_italic-webfont.woff2') format('woff2'),
      url('utopia_std_bold_italic-webfont.woff') format('woff');
   font-weight: 700;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'utopia_std';
   src: url('utopia_std_bold-webfont.woff2') format('woff2'),
      url('utopia_std_bold-webfont.woff') format('woff');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'utopia_std';
   src: url('utopia_std_italic-webfont.woff2') format('woff2'),
      url('utopia_std_italic-webfont.woff') format('woff');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'utopia_std';
   src: url('utopia_std_regular-webfont.woff2') format('woff2'),
      url('utopia_std_regular-webfont.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}