Buenas,
he intentado personalizar la tipografia de mi wordpress. Primero usé el plugin typography. El resultado me gustaba hasta que me di cuenta de que en algunas entradas no ha hecho bien los cambios. Por ejemplo en este artículo:
http://friendlypet.es/blog/tamanos-y-formas-de-comederos-para-perros/
Todo el cuerpo del texto debería estar en calligraffitti, sin embargo sólo lo están el primer y último párrafos.
Probé con google easy fonts pero me ocurre lo mismo y en los mismo párrafos. Ocurre en varias entradas pero no encuentro el problema.
Me gustaría que el typography funcionase bien porque me encanta el efecto de las nuevas letras. Podríais ayudarme?
URL del sitio: Contenido solo visible a usuarios registrados
Hola Ana.
.- Edita el archivo style.css que encontraras en la ruta -> blog/wp-content/themes/twentyfifteen/style.css
.- Al principio del archivo veras el siguiente código:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }
Modifícalo por lo siguiente:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-family: "Calligraffitti"; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }
Un saludo
Andá!! entonces para qué sirve tener instalado el typography?? Lo desinstalo entonces??
Hola
El plugin te importa la fuente, el CSS que te paso Pepe es sólo para que se use en determinadas partes de tu sitio.
En conclusión necesitas el plugin ya que sin este no tienes el archivo o url de la fuente.
Saludos.
Pues me temo que la cosa sigue igual.... he cambiado el código que dijisteis en el archivo que dijisteis pero todo sigue igual....
Sigue ocurriendo lo mismo en las dos entradas de los comederos:
http://friendlypet.es/blog/elige-comedero-para-perros-o-gatos/
http://friendlypet.es/blog/tamanos-y-formas-de-comederos-para-perros/
Hola Ana.
Revisándolo con el inspector del navegador, no veo que este cambiado el código, como te indique en el hilo anterior.
La ruta es dentro de la carpeta blog que tienes en la raíz de tu instalación en la ruta /wp-content/themes/twentyfifteen/style.css
Este es el resultado después de la modificación:
Personalmente y sin querer meterme en tu trabajo, creo que es un tipo de letra que para su lectura puede llegar a cansar un poco al usuario, estaría bien para distinguir algún comentario por ejemplo, pero para toda la web creo que es un poco pesada, solo como apreciación mía.
Un saludo
Con el tipo de letra aún estoy haciendo pruebas. Me gustaria un letra de tipo manuscrita, en vez de las clásicas tan formales de ordenador, pero no descarto arrepentirme y terminar dejando una letra más "estandar". Sin embargo, sigo sin conseguir poner la letra que quiero y eso me preocupa. Creo haber seguido los pasos correctamente pero no funciona, algo no funciona y es algo de esos dos post en concreto, en los demás sí funciona:
Hola
Lo que estas haciendo puede ser una solución, pero no te la recomiendo, lo mejor es cambiarlo por CSS
Además veo que estas usando una estructura html que igualmente no lo veo correcto, veo varios párrafos con h4, por ejemplo en :
Contenido solo visible a usuarios registrados
Los párrafos deben ser
, mejor elmina los cambios que has realizado, es posible que se soluciones con un estilo CSS tanto para el tipo de letra, color y justificado., pero tienes que dejar primero bien tu estructura html ya que de otro modo lo que te diga que apliques cuando cambies no funcionará.
En resumen escribe algún artículo con contenido sin ningún tipo de formato y nos envías la url para verificar.
Saludos
Ahí tenéis el artículo sin formatos...
http://friendlypet.es/blog/artrosis-perro-gato/
De momento no parece haber nada raro. Cuando digáis doy el siguiente paso: dar formatos.
Hola
Prueba agregando el siguiente código CSS
.entry-content p{ font-family: "Satisfy"; }
Puedes agregarlo al final del archivo:
/blog/wp-content/themes/twentyfifteen/style.css
Veo que estas usando text-align: justify;, puedes poner esto también como parte del CSS, no es necesario que vaya como lo has realizado
Saludos.
Ya he cambiado el CSS, pero al de nuevo al poner las dos entradas que me causan conflicto al formato párrafo, han vuelto a salir en html ese "span" que no se lo que son, pero sé que influyen en los cambios que hago. ¿Por qué salen? Ahora me da miedo tocar nada del resto de entradas.
Hola,
El span es una etiqueta, en el siguiente enlace puedes ver de que se trata:
http://www.w3schools.com/tags/tag_span.asp
El problema me parece que es la forma como pegas el texto, esto puede ser el problema. Cuando copias y pegar los haces sobre el modo visual o sobre el html?, te recomiendo que lo hagas sobre el modo html.
OK, ahora me ha quedado claro. Efectivamente estaba pegando sobre el modo visual. En principio no salia nada pero a cualquier modificación que hacía de formato aparecía la dichosa etiqueta. Seguiré probando hasta buscar el resultado que más me guste. Muchas gracias.
Podemos darlo por cerrado