css 添加Web字体：复杂示例

Posted 2021-05-13

<?php // do not copy this line, start with line 3

function my_bb_custom_fonts($system_fonts) {

  $system_fonts[ 'TT Prosto Sans Condensed' ] = array(
      'fallback' => 'Verdana, Arial, sans-serif',
      'weights' => array(
          '400',
          '700',
      ),
  );

  $system_fonts[ 'TT Prosto Sans Condensed Italic' ] = array(
      'fallback' => 'Verdana, Arial, sans-serif',
      'weights' => array(
          '400',
          '700',
      ),
  );

  return $system_fonts;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
    font-family: 'TT Prosto Sans Condensed Italic';
    src: url('prostosanscond-bold-italic-webfont.woff2') format('woff2'),
         url('prostosanscond-bold-italic-webfont.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'TT Prosto Sans Condensed';
    src: url('prostosanscond-bold-webfont.woff2') format('woff2'),
         url('prostosanscond-bold-webfont.woff') format('woff');
    font-weight: 700;
}


@font-face {
    font-family: 'TT Prosto Sans Condensed Italic';
    src: url('prostosanscond-italic-webfont.woff2') format('woff2'),
         url('prostosanscond-italic-webfont.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'TT Prosto Sans Condensed';
    src: url('prostosanscond-regular-webfont.woff2') format('woff2'),
         url('prostosanscond-regular-webfont.woff') format('woff');
    font-weight: 400;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
    font-family: 'tt_prosto_sans_condensedBdIt';
    src: url('prostosanscond-bold-italic-webfont.woff2') format('woff2'),
         url('prostosanscond-bold-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_prosto_sans_condensedbold';
    src: url('prostosanscond-bold-webfont.woff2') format('woff2'),
         url('prostosanscond-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_prosto_sans_condensedIt';
    src: url('prostosanscond-italic-webfont.woff2') format('woff2'),
         url('prostosanscond-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_prosto_sans_condensedRg';
    src: url('prostosanscond-regular-webfont.woff2') format('woff2'),
         url('prostosanscond-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}