Создание узких символов с помощью CSS

Ответ 1

Вы не можете уменьшить ширину символов, но вы можете уменьшить расстояние между буквами.

span {
 letter-spacing: 0px;
}

Ответ 2

Используйте узкие шрифты в объявлении семейства шрифтов. Они довольно распространены.

font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;

Ответ 3

Создание шрифта возможно с помощью свойства font-stretch для CSS 3.

Ответ 4

Вы можете просто масштабировать текст. Например:

.my-text {
    transform: scaleX(0.5);
}

но остерегайтесь transform-origin, который может заставить ваш текст перемещаться в другом месте (например, если вы масштабируете его с началом в центре).

Ответ 5

вы можете использовать font-weight: в коде css для этого