css 将Web字体添加到主题和页面构建器

Posted 2021-05-13

/* Use this rule to make the custom font the default font */
body {
  font-family: "Forza Book", Verdana, Arial, sans-serif !important;
}

/* Use this rule to apply the custom font to menu items */
.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a {
  font-family: "Forza Book", Verdana, Arial, sans-serif;
}

/* Use this rule to apply the custom font to headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Forza Book", Verdana, Arial, sans-serif;
}

/* Use this rule to apply the custom font to paragraphs */
p {
  font-family: "Forza Book", Verdana, Arial, sans-serif;
}

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

function my_bb_custom_fonts ( $system_fonts ) {

  $system_fonts[ 'Forza Book' ] = array(
    'fallback' => 'Verdana, Arial, sans-serif',
    'weights' => array(
        '400',
    ),
  );

  return $system_fonts;
}

//Add to Beaver Builder Theme Customizer
add_filter( 'fl_theme_system_fonts', 'my_bb_custom_fonts' );

//Add to Page Builder modules
add_filter( 'fl_builder_font_families_system', 'my_bb_custom_fonts' );

/* Add your custom styles here */
@font-face {
  font-family: "forza-book";
  src:  url("fonts/forza-book.woff2") format("woff2"),
        url("fonts/forza-book.woff") format("woff");
  font-weight: normal;
}