
Haber si alguien tiene el codigo milagoros ^^ Mi iria muy bien por que mi logo esta hecho con esas letras estiradas.. y ya sabeis que para el SEO es mejor texto ^^
GRACIAS!
| |||
Estirar un texto? con css? Hola quisiera saber si es posible hacer al texto lo mismo que con fireworks... aqui muestro el ejemplo: ![]() Haber si alguien tiene el codigo milagoros ^^ Mi iria muy bien por que mi logo esta hecho con esas letras estiradas.. y ya sabeis que para el SEO es mejor texto ^^ GRACIAS! |
| ||||
Respuesta: Estirar un texto? con css? Hay una propiedad font-stretch en CSS moderno. Pero no está soportado por ningún navegador aún. Es la única propiedad relativa en concreto al texto. No obstante, puedes usar transform scaleX(), que es como scale() que usaste en el tema anterior.
Código CSS:
Ver original Aunque tendrías que usar los prefix de los navegadores, ya que sino en algunos no te va a funcionar. |
| ||||
Respuesta: Estirar un texto? con css? ante la posibilidad de errar, no se vera mejor si usaras la propiedad letter-spacing???
Código CSS:
Ver original esta propiedad no distorsiona la fuente ni la estira solo aumenta o disminuye el espacio entre las letras, con lo que yo consideraría una mejor experiencia para el visitante, aparte según recuerdo es soportado en todos los navegadores. Última edición por ArturoGallegos; 25/10/2014 a las 10:38 Razón: Corregir palabra herrar -> errar |
| ||||
Respuesta: Estirar un texto? con css? veo que decidiste dejarlo con letter-spacing, se ve bastante bien... pero lo que mas me gusto fue el monito con el dedote arriba ñ.ñ yo uso el mismo en mi web pero sentado con la tablet |
| ||||
Respuesta: Estirar un texto? con css? NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO. ¿A quién demonios se le ocurre implementar una herejía como font-strech?. ¡Ojalá ningún navegador lo haga! Djkiku. Evita eso por favor. Es peor que usar tablas para tu diseño. Si tu logo tiene las letras así... hace falta un rediseño de logo. Revisa en google fonts alguna que sea mas extended. Y de verdad... habría que revisar tu logo. Ojo: si es por SEO, para un logo, pones el logo como imagen y usas los atributos alt y title (además de un nombre de archivo cadecuado). Seguramente una empresa como nike la buscan por nombre... seguramente google la indexa bien, y seguro no aplastan la palabra nike. Pero si quieres que tu marca sea reconocida tanto que la busquen por nombre, de verdad es más importante tener una buena imagen a que Hola esté escrita con texto y no en un png. Última edición por Rafael; 25/10/2014 a las 10:11 |
| ||||
Respuesta: Estirar un texto? con css? Si es por SEO solo se le agrega un <h1>MI EMPRESA</h1> y se le desaparece visualmente con {font-size:0; text-indent: -1000px;} Los robots detectan el h1 en el html y los usuarios ven la imagen...
__________________ velarde23.com - Soluciones Web |
| ||||
Respuesta: Estirar un texto? con css? Notaron la fecha del post original? hace mas de año y medio ->>> 13/01/2013 text-indent -1000px ??? aun usas pantallas de 800px? o falto complementarlo mencionando que el contenedor debe tener ancho definido y con overflow? |
| ||||
Respuesta: Estirar un texto? con css? Siempre uso full-width fluido en mi maquetación con el logo en el lado superior izquierdo por eso que me funciona sin problemas pero sabemos que hay mas de una manera de desaparecer visualmente un texto. Así es, el post es de hace tiempo pero siempre hay algo que agregar si la discusión se reactiva ;)
__________________ velarde23.com - Soluciones Web |
Etiquetas: |