Faire des caractères étroits avec CSS
Comment réduire la largeur des caractères des polices de type Arial avec CSS?
Vous ne pouvez pas réduire la largeur des caractères, mais vous pouvez réduire l'espacement des lettres.
span {
letter-spacing: 0px;
}
Utilisez des polices étroites dans votre déclaration de famille de polices. Ce sont assez communs.
font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
Il est possible d'étirer une police avec la propriété font-stretch de CSS 3 .
Vous pouvez simplement redimensionner votre texte. Par exemple:
.my-text {
transform: scaleX(0.5);
}
mais méfiez-vous de transform-Origin qui peut déplacer votre texte ailleurs (par exemple si vous le redimensionnez avec une origine en son centre).
vous pouvez utiliser font-weight: dans votre code CSS pour cela
Vous pouvez essayer d'utiliser la propriété CSS font-stretch :
font-stretch: condensed;
La prise en charge du navigateur semble être limitée - voir, par exemple, les commentaires à cette autre réponse - mais cela a fonctionné pour moi dans Firefox 61.