Me pregunto si es posible cambiar la altura del texto en línea, sin estirar la fuente, y sin cambiar la altura de la línea en css.¿Es posible cambiar la altura del texto en línea, no solo la altura de la línea?
surge un problema cuando tengo enlaces multilínea con un efecto de vuelo estacionario: cuando ratón por encima de las líneas del efecto parpadea dentro y fuera debido a la mayor altura de la línea: Example
¿Hay otra manera de hacer esto ?
No podrá cambiar la altura de la fuente solo, pero puede ajustar el font-size para trabajar con la altura de línea que ha establecido.
También puede intentar disminuir el letter-spacing. Hacer el tipo un poco más apretado podría hacer que parezca más alto en relación con su ancho.
Esto es lo que hago con algunos de mis fuentes 'espaciado entre letras: -1px;' para hacerlos aparece diferente. – TheCarver
No se puede cambiar la altura de la fuente usando CSS, pero lo que puede hacer es para que se vea más alto por
letter-spacing (Nota:. Puede utilizar negativo letter-spacing si es necesario)font-weightfont-sizehttp://www.css3.com/css-font-stretch/
Este comando le ayudará a resolver un problema
Esto le ayudará!
Llegó tarde a la fiesta, pero completamente irrelevante para la pregunta hecha. Preguntó por la altura, no por el ancho – Mave
@Mave - Disminuye el ancho de la fuente y parece más alto. No tuve suerte con la fuente css estirar, pero una técnica similar (http://stackoverflow.com/questions/6351013) usando transform: scale (0.8,1) me funcionó. –
'http: // jsfiddle.net/d2xmesqq /' reviso el enlace de arriba pero no está funcionando. ¿Puede decirme más detalles sobre este –
Usted puede aumentar la altura de la fuente mediante el siguiente CSS
transform:scale(2,3); /* W3C */
-webkit-transform:scale(2,3); /* Safari and Chrome */
-moz-transform:scale(2,3); /* Firefox */
-ms-transform:scale(2,3); /* IE 9 */
-o-transform:scale(2,3); /* Opera */
Funcionó perfectamente – Kulerbox
Esto solo está escalando el elemento que tiene el CSS aplicado. Esta es una propiedad css más moderna y más antigua. Consulte [artículo de w3schools] (http://www.w3schools.com/cssref/css3_pr_transform.asp) para obtener más información sobre qué navegadores admiten esta propiedad. La versión prefijada de la propiedad de escala es lo que hace que funcione para la mayoría de los navegadores. – CoasterChris
Esta debería ser la respuesta aceptada de hecho :) Muy útil – Kojo
Hay una propiedad que no ha sido hasta ahora de que se ha mencionado puede ayudar a cambiar la altura de una fuente ... el único problema es que tiene un apoyo abismal.
La propiedad a la que me refiero es la propiedad CSS font-size-adjust.
La propiedad CSS
font-size-adjustespecifica que el tamaño de fuente debe ser elegido en base a la altura de las letras minúsculas en lugar de la altura de las mayúsculas. Esto es útil ya que la legibilidad de las fuentes, especialmente en tamaños pequeños, está determinada más por el tamaño de las letras minúsculas que por el tamaño de las letras mayúsculas.
Como mencioné support is horrible. A partir de esta publicación, Firefox es el único navegador que lo admite. A partir de v43 de Chrome, se puede habilitar bajo el indicador de características de plataforma web experimental.
Puede aumentar la altura utilizando la transformada: escala (3,5) La altura depende de la segunda parámetro de transformar: escala
<div>
<span>Text</span>
</div>
div {
text-align:center;
}
span
{
display:inline-block;
transform:scale(3,5);
-webkit-transform:scale(3,1);
}
Puede aumentar la altura, anchura de un texto que usa la propiedad de transformación Por ejemplo: transform: scale (0.7, 1.0);
**h1 {
font-size: 60px;
transform: scale(0.7, 1.0);
margin-left: -90px
}**que utiliza para alinear el margen del texto
Nota: Siempre es una buena práctica de utilizar prefijos de proveedores
Ejemplo: -webkit-. transformar: escala (0.7, 1.0);
pregunta interesante. Odio romper tu corazón, pero puede que no exista una forma clara de evitar que el enlace en línea evite ese efecto parpadeante al mismo tiempo. Lo siento. Mala suerte. :( – jrharshath
me preguntaba lo mismo también. Quiero que la fuente sea más alta, pero no de tamaño de fuente: D –