Avisos
Vaciar todo

Tipografías nuevas en Slider Revolution  

 
Maria
 Maria
Usuario activo

Hola

Quiero utilizar 2 tipografías diferentes a las que uso en el resto de la web para el slider. Ya cargué las fuentes al servidor y agregué en CSS adicional la información de las fuentes.

@font-face {
font-family: Brandon_light;
src: url(‘/wp-content/themes/ronneby/assets/fonts/BrandonGrotesque-Light.woff') format('woff');
font-weight: normal;
}

@font-face {
font-family: SaolDisplay;
src: url(‘/wp-content/themes/ronneby/assets/fonts/SaolDisplay-Regular.woff’) format('woff');
font-weight: normal;
}

En el Slider lo llamo/asigno como una clase en el espacio de font family ( Brandon_light o SaolDisplay según lo requiera).

Tengo los siguientes errores:

1. En el preview los textos me cargan como SaolDisplay, aunque estén nombradas diferentes

2. Cuando lo publico, no me carga ninguna de las tipografías. Me las reemplaza con otras.

 

Cómo podría solucionarlo?

 

Gracias!

 

Citar
Respondido : 21/05/2020 10:54 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria.

Para que dominio es la consulta ?

Si reviso la web del dominio Clo, en el slide solo veo una Imagen:

screenshot clo.es 2020.05.21 12 30 26

 

Añade texto al slide y lor evisamos 😉 

 

Un saludo

 

ResponderCitar
Respondido : 21/05/2020 11:31 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Maria
 Maria
Usuario activo

@pepesoler

Hola! Esta es la página de prueba https://clo.es/home-comingsoon/

ResponderCitar
Respondido : 21/05/2020 11:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria.

Prueba con lo siguiente:

.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child {
      font-family: Brandon_light!important;
}

 

Un saludo

ResponderCitar
Respondido : 21/05/2020 12:51 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Maria
 Maria
Usuario activo

Muchas gracias @pepesoler! Ahora me carga una de las tipografías, pero no las dos (incluso en el editor). He llamado dos veces la línea del font-family con cada una pero no se si eso solo lo sobreescribe?. Por otro lado, los textos no se ven como en el editor del Slider Revolution. Se deben configurar de manera diferente para que conserve la forma? Adjunto una imagen del editor y de la página.

Respondido por: @pepesoler

font-family: Brandon_light!important;

Screen Shot 2020-05-21 at 2.40.36 PM

image

 

Screen Shot 2020-05-21 at 2.45.19 PM

image

 

 

Saludos!

Esta publicación ha sido modificada el hace 5 años por Maria
ResponderCitar
Respondido : 21/05/2020 1:47 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Maria,

Puedes agregar una clase con ese font family en este caso seria el código asi:

.fuentebrandon {
font-family: Brandon_light!important;
}

Una vez tengas el código agregado haces click en el título dentro del revolution slider y en las configuraciones del slider vas a atributos

image

De las opciones que se despliegan debes agregar la clase, en este caso .fuentebrandon en donde diga classes

image

Intenta con estos pasos, también puedes intentar aplicando la fuente en otro lado de la web que no sea el revolution slider para saber si se esta aplicando correctamente la fuente 😊 

Saludos 🖐️ 

ResponderCitar
Respondido : 21/05/2020 2:26 pm

Cursos Gratuitos WordPress

Maria
 Maria
Usuario activo

@argenis

Hola!

Sigue sin funcionar. Me carga la misma tipografía para los dos textos aunque probé con el código y le asigne diferentes clases . De igual manera la visualización sigue desconfigurada (como en los screenshots de la publicación anterior). 

ResponderCitar
Respondido : 22/05/2020 3:00 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Maria, 

Intenta con estos pasos, también puedes intentar aplicando la fuente en otro lado de la web que no sea el revolution slider para saber si se esta aplicando correctamente la fuente 😊 

Intentaste aplicar el estilo a un texto dentro de tu web? no únicamente al slider para que confirmamos si es un problema de configuración de la fuente o del código también una excelente opción seria instalar este complemento:

https://es.wordpress.org/plugins/use-any-font/

En su versión gratuita te permite agregar una fuente y la puedes aplicar directamente a una clase o a un tipo de título (H1,H2,etc) de esta forma puedes seguir usando la clase que ya has aplicado solo que el funcionamiento se hará a través de este complemento.

Nos comentas como te va con esta alternativa.

Saludos 🖐️ 

ResponderCitar
Respondido : 22/05/2020 3:05 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación