carpeta fuentes

ALBERTO

Noble Member

para solucionar este problema que me page-speed: Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading...voy a añadir este código:

@font-face {
font-family: 'MiFuenteWeb';
src: url('ruta/a/mifuente.woff2') format('woff2'),
url('ruta/a/mifuente.woff') format('woff');
font-display: swap;
}

Esto indica al navegador que utilice una fuente de respaldo mientras la fuente web se está cargando. Esto garantiza que el texto se muestre de inmediato con una fuente por defecto y luego se cambie a la fuente web cuando esté lista.

Pero no encuentro la carpeta font en wp-content para colocar la ruta...

Contenido solo visible a usuarios registrados

Citar

Respondido : 25/05/2023 10:45 am

Pepe

Soporte CMS Webempresa Admin

Hola Alberto.

En Divi puedes encontrarla en wp-content -> themes -> Divi -> cloud -> fonts

Un Saludo

ResponderCitar

Respondido : 25/05/2023 11:04 am

ALBERTO

Noble Member

@pepesoler

Esta es la ruta a fuente ttf:/home2/iberianp/public_html/iberianpets.com/wp-content/themes/Divi/cloud/fonts/CloudApp.ttf

Esta es la ruta a fuente woff: /home2/iberianp/public_html/iberianpets.com/wp-content/themes/Divi/cloud/fonts/CloudApp.woff

Entonces en el código:

@font-face {
font-family: 'MiFuenteWeb';
src: url(/home2/iberianp/public_html/iberianpets.com/wp-content/themes/Divi/cloud/fonts/CloudApp.ttf) format('woff2'),
url(/home2/iberianp/public_html/iberianpets.com/wp-content/themes/Divi/cloud/fonts/CloudApp.woff) format('woff');
font-display: swap;
}

Es correcto?

Dónde lo pego..en css directamente?

ResponderCitar

Respondido : 25/05/2023 11:16 am

Pepe

Soporte CMS Webempresa Admin

Hola Alberto.

Veo que tienes activo el tema hijo de DIVI ( wpfacil )

.- Accede a wp-content -> themes -> Divi-child

.- Crea una carpeta con el nombre fonts

screenshot cp7182.webempresa.eu 2443 2023.05.25 13 26 08

.- Sube los archivos de las fuentes a la carpeta fonts

screenshot cp7182.webempresa.eu 2443 2023.05.25 13 35 40

.- Edita el archivo style.css

.- Añade el código:

@font-face {
    font-family: 'Nombre-Fuente';
       src: url('/wp-content/themes/Divi-child/fonts/CloudApp.ttf') format('ttf');
}

Guardas los cambios y ya tendras la fuente añadida.

Un Saludo

ResponderCitar

Respondido : 25/05/2023 12:43 pm

ALBERTO

Noble Member

@pepesoler

Adjunto el código pegado...la fuente que he puesto es la misma que tiene toda la página, que es la fuente por defecto... no se si está bien puesta...?

ResponderCitar

Respondido : 25/05/2023 1:37 pm

Pepe

Soporte CMS Webempresa Admin

Hola Alberto.

No, no está bien, en al opcion " font-family: " tienes que añadir el nombre de la fuente.

¿ donde descargaste la fuente ?

Un saludo

ResponderCitar

Respondido : 25/05/2023 2:06 pm