Avisos
Vaciar todo

[Resuelto] Visualización diferente de Tipografias en Web y en Mobil  

Página 1 / 2
 
Juan Benjamin
 Juan Benjamin
Estimable Member

Hola buen dia,
Mi problema es con las tipografias. Tengo instalada un theme que viene con su tipografia pre instalada pero yo queria otra y la persona que me ayudo en la web instalo el plugin "Custom Fonts". Creo que no sirve porque en mi web se ve asi: https://ibb.co/7tdHVtC. y en mobil se ve asi : https://ibb.co/dg9L4cF. aqui otro ejemplo, asi se ve en web: https://ibb.co/H4zTy6z y en mobil se ve asi: https://ibb.co/nwGK3Dm

Como puedo hacer que se vean igual en los dos formatos?.
O de plano mejor lo dejo con la tipografia que viene?

Contenido solo visible a usuarios registrados

Este debate ha sido modificado el hace 9 meses por Juan Benjamin
Respondido : 17/01/2021 2:00 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Juan,

Actualmente veo tu web con la fuente Montserrat, ¿Es esta la correcta o cuál es el nombre de la fuente que deseas implementar? ¿Tienes activado el plugin al que haces referencia? 

Saludos

Respondido : 17/01/2021 3:45 pm

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

Juan Benjamin
 Juan Benjamin
Estimable Member

Hola Bulmaro, gracias por responder.
La tipografia "Monserrat" es la que trae la plantilla defaul. La tipografia que trate de utilizar es "calgary-serial-extralight-regular" y sí, el plugin esta activado.  No se porque no se ve en mi web.

Respondido : 18/01/2021 6:30 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Juan.

Veo que la fuente la añades directamente en el código del texto.

.- Elimina del código la opción de la fuente.

.- Accede apariencia -> personalizar -> css personalizado

.- Añade lo siguiente:

h1, h2, h3, h4, h5, h6 {
font-family: 'Calgary Light';
}

 

Comprueba si con eso se modifica el texto.

 

Un saludo

Respondido : 18/01/2021 11:43 am

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

Juan Benjamin
 Juan Benjamin
Estimable Member

@pepesoler
Hola Pepe,
, no son la misma pregunta, son diferentes.

En una pregunto porque en web se ve una tipografia y en mobil otra .
Y en la otra pregunto porque la tipografia que elegi para mi web se ve diferente a como es en realidad.
Lo hice en 2 preguntas porque la pregunta pasada elabore 2 preguntas en una y me dijiste que mejor abriera otro tema, por eso. Espero haberme explicado

Gracias por tu respuesta, ahorita empiezo a modificar lo que me señalaste

Respondido : 18/01/2021 12:15 pm
Juan Benjamin
 Juan Benjamin
Estimable Member

@pepesoler Entonces elimino el codigo de cada uno de los "Headers" y luego escribo el codigo que me diste verdad?
Y para los subtitulos y texto normal?

Respondido : 18/01/2021 12:18 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Juan Benjamin.

Entonces elimino el codigo de cada uno de los "Headers" y luego escribo el codigo que me diste verdad?

Exacto.

Y para los subtitulos y texto normal?

Probamos esto y si vemos que funciona modificamos los demás textos.

 

Un saludo 

Respondido : 18/01/2021 12:57 pm
Juan Benjamin
 Juan Benjamin
Estimable Member

@pepesoler Listo Pepe.

Ya borre directamente el código la opción de la fuente y pegue lo que tu me diste: https://ibb.co/G5CVs6B  
Aun asi en el Frontend me sale la tipografia como la quiero pero en la web normal sale otra. Que pasara? aqui la imagen : https://ibb.co/BtyLRpt

Respondido : 18/01/2021 2:28 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Juan,

Verifica cambiando el código que te proporciona Pepe por este:

h1, h2, h3, h4, h5, h6 {
font-family: "CalgaryLight" !important;
}

Adicional a esto en la tipografía directamente en Custom fonts, al editar la fuente tienes una opción al final del todo:

image

Marca esta casilla como >Blocks, e intentas nuevamente.

Un saludo 🖐️ 

Esta publicación ha sido modificada el hace 9 meses por Argenis
Respondido : 18/01/2021 3:00 pm
Juan Benjamin
 Juan Benjamin
Estimable Member

@argenis
Listo argenis ya pegue el codigo que me diste, solo que aun no me sale la tipografia "calgary Light", es mas, ahora en la web y en el frontend me sale la misma tipografia erronea

Respondido : 18/01/2021 3:16 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Juan,

Disculpa pero adicional al código has hecho el cambio en block? verifica lo que te comenté sobre eso también.

Un saludo 🖐️ 

Respondido : 18/01/2021 3:28 pm
Juan Benjamin
 Juan Benjamin
Estimable Member

@argenis Si, lo hice tal cual me indicaste y no paso nada. Despues se me ocurrio meterle un espacio entre nombre de la tipografia y funciono (

"Calgary Light"). Solo que me cambio todos los titulos. Investigando un poco el "por que" vi que la persona que me hizo la web metio esos titulos como "H3" por eso se cambiaron todos (me imagino que hizo Copy-Paste).

Como debo dejar el codigo para quitarle que sea "Header" sin daárlo?. aqui dejo un ejemplo : <h3 style="font-family: 'Margo Script'; text-align: left;"><span style="color: #000000;">ein ganz besonderes Shooting nimmt seinen Lauf </span><span style="color: #000000;">( Höhepunkt )</span></h3>
Como puedo quitarle al codigo lo de "H3" sin daárlo?.  o la pregunta es, porque metio tantos H3 y H4?. Aqui dejo una imagen de todos los "Headers"  : https://ibb.co/9sXMJck

Respondido : 19/01/2021 5:58 am

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

Juan Benjamin
 Juan Benjamin
Estimable Member

Alguien que me pudiera ayudar?

Respondido : 19/01/2021 10:52 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Juan,

Entiendo que con el ultimo código ya se visualiza de forma correcta tu tipografia en la web, las etiquetas h3, h4, h5 se usan para añadir títulos y brindar importancia y jerarquizar entre ellos en el desarrollo del sitio web y indicarle a los motores de búsqueda como darle importancia a este contenido.

Ten en cuenta que estas etiquetas sirven para diferenciar tus títulos del resto de los contenidos del sitio web y se clasifican de mayor a menor importancia comenzando desde la h1 que es la más importante a la h6 que es la menos importante.

En este caso no te sugiero que rompas la estructura actual de tus títulos a menos que veas títulos que no son muy importantes y desees a estés asignarle otra etiqueta como h5 o h6

Para modificar estas etiquetas tienes que editar tu home y buscar el elemento que deseas editar, según veo en tu código usas visual comporte para estructura el contenido de esta pagina, en este caso debes ubicar el titulo que deseas modificar, editarlo y asignarle una etiqueta diferente

Si lo que deseas es que solo ciertas etiquetas tengan la fuente que deseas indícanos cual es esta, de esta forma te podemos indicar como añadir esta fuente a etiquetas especificas

Respondido por: @benjaxsgmail-com

Como debo dejar el codigo para quitarle que sea "Header" sin daárlo?. aqui dejo un ejemplo : <h3 style="font-family: 'Margo Script'; text-align: left;"><span style="color: #000000;">ein ganz besonderes Shooting nimmt seinen Lauf </span><span style="color: #000000;">( Höhepunkt )</span></h3>

Si deseas eliminar la etiqueta de este titulo tienes que modificar el h3 por un etiqueta p u otra etiqueta h, por ejemplo

<h5 style="font-family: 'Margo Script'; text-align: left;"><span style="color: #000000;">ein ganz besonderes Shooting nimmt seinen Lauf </span><span style="color: #000000;">( Höhepunkt )</span></h5>

Un Saludo

Respondido : 19/01/2021 11:40 am

Cursos Gratuitos WordPress

Juan Benjamin
 Juan Benjamin
Estimable Member

@karenHola KAren, muchas gracias por tu ayuda otra vez.

Aqui tengo 2 temas:
1) La persona que me ayudo con la web creo que cometio un error al ponerle muchos H3" como te indico en esta foto: https://ibb.co/9sXMJck
Lo que yo quiero es solo dejar solo 5 "Headers" que ya estan en la web bien colocados, solo ese sobrante que muestro en la foto es lo que quiero quitar pero como no se nada de codigos, no se si solo quitando el "<h " de cada subtitulo que se muestra en la imagen ya estoy quitando correctamente esos "headers" de sobra. No quiero dejar codigos rotos.

2)Sobre las tipografias es un caos. YA borre el cache de mi navegador (y probe en varias computadoras y telefonos diferentes) y siempre me salen las tipografias diferentes. En algunas computadoras si sale como quiero y en otras no se ve el cambio. Ya hice lo propio, actualizar, borrar cookies, etc y aun sigue el problema.
Estoy desesperado.

Ahorita ya cambie de nuevo todas las tipografias a una sola

Respondido : 19/01/2021 2:45 pm
Página 1 / 2