- This topic has 9 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hola! tengo generatepress premium y he incorporado dos tipos de google fonts a local. En la configuración de WordPress he ido a Apariencia-Personalizar-Tipografía y he cambiado las fuentes a las de Google fonts que puse en local.
El cambio de tipografías es visible en la versión web de escritorio, pero NO en la versión web móvil. He vaciado caché en WordPress, en el servidor y en Cloudflare y sigue sin verse el cambio en la versión web móvil. Por favor, ayudadme con este problema.Customer Support
Hi Alberto,
Can you link us to your site?
What is the name of the Google font?
What content shall I be looking at?
Let me know!
La web es:
https://buenasnochesparati.com/las fuentes son “Josefin sans” para el cuerpo del texto y “Limelight” para los encabezados.
The fonts don’t work on my computer, if you are seeing it, it’s because your computer has it locally installed.
Where did you upload the fonts? Can you use the full URL of the font files in your
@font-faceCSS?las fuentes las subí en Cpanel-Administrador de archivos /public_html/wp-content/uploads/fonts.
Customer Support
Hi there,
in your @font-face CSS make the URL as follows for example:
https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.woff2It needs to be the full URL and without
/public_htmlLo he probado y tampoco funciona. la web de buenasnochesparati.com es la web principal de mi Cpanel. Lo digo por el enlace que me envió David. A ver si conseguís dar con la solución, por favor.
La forma en la que edito el font-face es usando el apartado de CSS adicional de WordPress-Apariencia-Personalizar-CSS adicional. Lo que puse de código según vuestras indicaciones fue:
/* josefin-sans-300 – latin */
@font-face {
font-family: ‘Josefin Sans’;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.eot’); /* IE9 Compat Modes */
src: local(”),
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/josefin-sans-v25-latin-300.woff2’) format(‘woff2′), /* Super Modern Browsers */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.woff’) format(‘woff’), /* Modern Browsers */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.svg#JosefinSans’) format(‘svg’); /* Legacy iOS */
}
/* josefin-sans-regular – latin */
@font-face {
font-family: ‘Josefin Sans’;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.eot’); /* IE9 Compat Modes */
src: local(”),
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.woff2′) format(‘woff2′), /* Super Modern Browsers */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.svg#JosefinSans’) format(‘svg’); /* Legacy iOS */
}/* limelight-regular – latin */
@font-face {
font-family: ‘Limelight’;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.eot’); /* IE9 Compat Modes */
src: local(”),
url(https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.woff2′) format(‘woff2′), /* Super Modern Browsers */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.svg#Limelight’) format(‘svg’); /* Legacy iOS */
}Pero no ha funcionado.
Ya me funciona. Tuve un error al no incorporar bien la url que me dijo David. Al final me ha funcionado incorporando el siguiente código en el CSS adicional:
/* josefin-sans-300 – latin */
@font-face {
font-family: ‘Josefin Sans’;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.eot’); /* IE9 Compat Modes */
src: local(”),
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.woff’) format(‘woff’), /* Modern Browsers */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-300.svg#JosefinSans’) format(‘svg’); /* Legacy iOS */
}
/* josefin-sans-regular – latin */
@font-face {
font-family: ‘Josefin Sans’;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.eot’); /* IE9 Compat Modes */
src: local(”),
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/josefin-sans-v25-latin-regular.svg#JosefinSans’) format(‘svg’); /* Legacy iOS */
}/* limelight-regular – latin */
@font-face {
font-family: ‘Limelight’;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.eot’); /* IE9 Compat Modes */
src: local(”),
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘https://buenasnochesparati.com/wp-content/uploads/fonts/limelight-v16-latin-regular.svg#Limelight’) format(‘svg’); /* Legacy iOS */
}Muchas gracias por vuestra ayuda. ¡Sois un equipo estupendo!
Glad to hear you got it to work 🙂
- You must be logged in to reply to this topic.
