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
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
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.
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
@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
@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?
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
@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
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:
Marca esta casilla como >Blocks, e intentas nuevamente.
Un saludo 🖐️
@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
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 🖐️
@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
Alguien que me pudiera ayudar?
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
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
@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