Archived topic

Fallo en las tipografías versión móvil

9 replies · Started by Alberto on January 6, 2023

Viewing posts 1–10 of 10

January 6, 2023 at 6:30 pm #2486547

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.

January 6, 2023 at 6:33 pm #2486549

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!

January 6, 2023 at 6:56 pm #2486555

La web es:
https://buenasnochesparati.com/

las fuentes son "Josefin sans" para el cuerpo del texto y "Limelight" para los encabezados.

January 6, 2023 at 7:24 pm #2486574

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-face CSS?

January 6, 2023 at 7:30 pm #2486578

las fuentes las subí en Cpanel-Administrador de archivos /public_html/wp-content/uploads/fonts.

January 7, 2023 at 7:36 am #2486974

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.woff2

It needs to be the full URL and without /public_html

January 7, 2023 at 7:39 pm #2487506

Lo 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.

January 7, 2023 at 7:43 pm #2487507

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:

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

January 7, 2023 at 8:03 pm #2487512

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!

January 8, 2023 at 6:16 am #2487806

Glad to hear you got it to work :)

This archived topic is closed to new replies.

Start building better websites today.