Archived topic

Locally hosted (and installed!) Font in Footer Template doesn't work

11 replies · Started by Max on March 31, 2023

Viewing posts 1–12 of 12

March 31, 2023 at 11:16 am #2591080

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

March 31, 2023 at 12:22 pm #2591170

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/

March 31, 2023 at 12:52 pm #2591205

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! :-)

March 31, 2023 at 1:01 pm #2591218

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! :-)

March 31, 2023 at 3:47 pm #2591345

Fonts via FTP uploaded and installed, CSS-Code integrated

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

April 1, 2023 at 7:17 am #2592003

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 */
}

April 1, 2023 at 5:01 pm #2592513

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;
} );

April 2, 2023 at 9:05 am #2593321

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! :-)

April 3, 2023 at 10:14 am #2595011

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

I have added it to the doc last week :)

April 4, 2023 at 11:15 am #2596844

:-)

May 9, 2023 at 8:35 am #2636054

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.

May 10, 2023 at 3:16 am #2636693

Hi there,

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

This archived topic is closed to new replies.

Start building better websites today.