[Support request] Locally hosted (and installed!) Font in Footer Template doesn’t work

Home Forums Support [Support request] Locally hosted (and installed!) Font in Footer Template doesn’t work

Home Forums Support Locally hosted (and installed!) Font in Footer Template doesn’t work

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2591080
    Max

    Hi!

    Fonts via FTP uploaded and installed, CSS-Code integrated. Works fine in Customizer (Typography settings)

    BUT…

    When I change the font in the “Elements” menu, it doesn’t work. The locally installed font is not integrated locally here. Only the replacement font appears.

    Theme: “Wired” as child theme.

    What can I do?

    Thank you and best regards

    #2591170
    Ying
    Staff
    Customer Support

    Hi Max,

    It’s because WP’s editor doesn’t load @font-faceCSS.

    You can try adding this PHP code to your site:

    wp_add_inline_style( 'wp-block-library', 
    '
    your @font-face CSS;
    
    ' 
    );

    Adding PHP: https://docs.generatepress.com/article/adding-php/

    #2591205
    Max

    Thanks for your reply!

    Added the code. Unfortunately this is not solved yet.

    I got narrowed down the problem:

    The fonts are published correctly (browser: firefox and chrome).

    But unfortunately, they are displayed incorrectly in the WordPress editor. No WYSIWYG.:-(

    It’s the theme “Wired”. Can it be because of the special theme?

    THX! πŸ™‚

    #2591218
    Max

    Ahh…

    Can you please give the code together with a font (better two fonts) as an example? Unfortunately, I’m not experienced with PHP πŸ™

    THX! πŸ™‚

    #2591345
    Ying
    Staff
    Customer Support

    Fonts via FTP uploaded and installed, CSS-Code integrated

    Can you give me the CSS code you mentioned in your original topic?

    #2592003
    Max

    Sure! Here ist the original additional CSS. Domain replaced:

    .mobile-header-navigation {
      padding: 10px;
    } /* End GeneratePress Site CSS */
    
    /* lato-100 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-100italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-300 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-300italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-regular - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-700 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-700italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-900 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-900italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-100 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-100italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-200 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 200;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-200italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 200;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-300 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-300italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-regular - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-500 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-500italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 500;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-600 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-600italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 600;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-700 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-700italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-800 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 800;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-800italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 800;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-900 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-900italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    #2592513
    Ying
    Staff
    Customer Support

    Then you need to replace your @font-face CSS; with all your actual @font-face CSS.

    wp_add_inline_style( 'wp-block-library', 
    '
    /* lato-100 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-100italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-300 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-300italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-regular - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-700 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-700italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-900 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: normal;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* lato-900italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Lato';
      font-style: italic;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-100 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-100italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 100;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-200 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 200;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-200italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 200;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-300 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-300italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 300;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-regular - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-500 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-500italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 500;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-600 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-600italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 600;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-700 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-700italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 700;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-800 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 800;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-800italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 800;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-900 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    /* montserrat-900italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 900;
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.eot'); /* IE9 Compat Modes */
      src: url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('https://mydomain.xx/wp-content/fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    
    ' 
    );

    Or use this simpler solution to import the entire CSS from the additional CSS field to the block editor.

    add_filter( 'block_editor_settings_all', function( $editor_settings ) {
        $css = wp_get_custom_css_post()->post_content;
        $editor_settings['styles'][] = array( 'css' => $css );
    
        return $editor_settings;
    } );
    #2593321
    Max

    Okay, seems to work now. I’ve added your second choice as PHP snippet (Plugin: Code Snippets).

    Maybe you should mention this in your documentation of locally Google fonts (https://docs.generatepress.com/article/adding-local-fonts/). – This could be helpful for other customers.

    Thanks a lot! πŸ™‚

    #2595011
    Ying
    Staff
    Customer Support

    Maybe you should mention this in your documentation of locally Google fonts

    I have added it to the doc last week πŸ™‚

    #2596844
    Max

    πŸ™‚

    #2636054
    Jason

    Hi,

    I am also trying to add a custom font to the block editor and having some trouble. To be very clear, I would like my custom fonts available here:

    Generate Blocks Block Editor

    I tried implementing your suggested code as a php snippet in this manner:

    wp_add_inline_style( 'wp-block-library', 
    
    '
    @font-face {
        font-family: 'DIN Pro';
        src: url('https://nyms.love/wp-content/themes/nyms/fonts/DINPro-Light.woff2') format('woff2'),
            url('https://nyms.love/wp-content/themes/nyms/fonts/DINPro-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    '
    );

    Though this is throwing a fatal error.

    I also tried your other suggestion of adding all the CSS, which did not work either. I would really appreciate some help with this. Thanks.

    #2636693
    David
    Staff
    Customer Support

    Hi there,

    can you raise a new topic at https://generate.support were we look closer at the issue.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.