Проблема с рукописным текстом CSS

342
15 июня 2022, 09:10

При комбинации свойств для текста:

font-style: italic;
font-weight: bold;
font-family: cursive;

Русская буква т начитает залезать на другие.

Как можно решить эту проблему? Заранее спасибо

Answer 1

@Zhihar верно отметил, что помочь может свойство letter-spacing. Вот только если задать его для всего текста, то получится не очень красиво. Поэтому предлагаю обернуть буквы т в spanи уже отдельно для спана увеличить межбуквенный интервал:

body {
  font-style: italic;
  font-weight: bold;
  font-family: cursive;
}
span {
  letter-spacing: 5px;
}
Мес<span>т</span>о вс<span>т</span>речи измени<span>т</span>ь нельзя

Answer 2

попробуйте поиграться расстоянием между буквами через свойство letter-spacing

font-style: italic;
font-weight: bold;
font-family: cursive;
letter-spacing: 5px;
READ ALSO
Как задать разные фоны с помощью CSS?

Как задать разные фоны с помощью CSS?

На макете видно эллипс слева и прямоугольник справаТак вот вопрос: как задать два бэкграунда через CSS, чтобы всё хорошо работало?

387
Обращение к первому элементу строки display: grid;

Обращение к первому элементу строки display: grid;

Есть у меня такой HTML: Сейчас там расположена 1 строка на 13 элементов, таких строк будет 6

276
Как отодвинуть вертикальные ссылки, так как на скрине ниже?

Как отодвинуть вертикальные ссылки, так как на скрине ниже?

Мне нужно понять, как перенести текст с помощью css в нужное месторасположение

373
Чем отличается overflow: hidden от visibility: hidden?

Чем отличается overflow: hidden от visibility: hidden?

Разбирал анимацию появления текста и заметил строчку: overflow: hidden - сразу попробовал заменить эту строчку на visibility: hidden чтобы проверить будет...

249