Ho questa cosa su cui sto lavorando quando vorrei cambiare non lo font-size ma due proprietà che cambierebbero indipendentemente la larghezza e l'altezza del testo. Così quando si applica font-width: 50% a questo:Cambia altezza e larghezza del font
Il testo sarebbe stato allungato a metà:
Questo è possibile a che fare con i CSS, anche con la proprietà di altezza?
CSS3 transform ha la funzione scale per questo:
p {
display: inline-block;
font-size: 32px;
transform: scale(.5, 1);
}<p>This is text.</p>Utilizzare i due numeri nella funzione rispettivamente X e Y.
È possibile provare a ridimensionare il carattere in direzione x.
p{
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
--EDIT--
vedo @Xufox giá risposto.
La cosa più vicina che posso trovare è font-weight
Accetta non solo in grassetto, normale, ma anche i valori numerici. 100-900 in 100 incrementi.
. Paragraph {font-weight :700;}
Questo, combinato con proprietà di altezza dovrebbe aiutare, ma non vi darà soluzione completa
anche guardare le proprietà di spaziatura come si può ridurre la larghezza delle parole in questo modo
letter-spacing: 2px;
"se il tuo pigro qui è un violino ". Non sono sicuro di come andrà giù. Con questo jquery potrebbe aiutare. Dove si crea un numero e si cambiano 2 proprietà CSS. Per essere chiari, vuoi controllare la larghezza e l'altezza del testo in modo indipendente. Come stai controllando la larghezza al momento –
http://stackoverflow.com/questions/15649244/responsive-font-size Questo potrebbe aiutare –
C'è una proprietà di larghezza del font in css ma al momento non è supportata da tutti principali browser –