- This topic has 11 replies, 4 voices, and was last updated 1 year, 9 months ago by
David.
-
AuthorPosts
-
March 31, 2023 at 11:16 am #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
March 31, 2023 at 12:22 pm #2591170Ying
StaffCustomer SupportHi Max,
It’s because WP’s editor doesn’t load
@font-face
CSS.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 #2591205Max
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 #2591218Max
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 #2591345Ying
StaffCustomer SupportFonts 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 #2592003Max
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 #2592513Ying
StaffCustomer SupportThen 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 #2593321Max
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 #2595011Ying
StaffCustomer SupportMaybe 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 #2596844Max
π
May 9, 2023 at 8:35 am #2636054Jason
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:
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 #2636693David
StaffCustomer SupportHi there,
can you raise a new topic at https://generate.support were we look closer at the issue.
-
AuthorPosts
- You must be logged in to reply to this topic.