Как увеличить угол курсивного текста?

Question

Я хочу сделать логотип, используя HTML CSS. Можем ли мы увеличить угол наклона курсивного текста с помощью CSS или JavaScript?

Answer 1

Угол зависит от шрифта, который вы используете. Дизайнер шрифтов должен нарисовать курсив вручную. Вы не можете изменить это автоматически.

Answer 2

Эта страница занимает первое место в поисковых системах, но пока не дано реального ответа. Да, сегодня это возможно с чистым CSS3 с использованием перекоса - проверьте ответ здесь: https://stackoverflow.com/a/7999132

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

Работает и отлично смотрится во всех современных браузерах, которые поддерживают перекос. Вы можете комбинировать обычный стиль курсива с перекосом, чтобы добиться еще лучшего рендеринга (в моем случае это сработало).

Answer 3

Вы можете использовать перекос в Firefox, Safari и Chrome. Ничто иное не будет поддерживать его, и вы не должны вмешиваться в работу дизайнера шрифтов для дизайна логотипа, если вы не знаете больше о типографии, чем они в любом случае. Никто не создает логотипы в HTML, и никто не хочет смотреть логотипы в электронной почте.

Answer 4

Попробуйте использовать свойство перекоса CSS вместо курсива. Это может помочь вам.

Например:

<div style="transform: skewX(-10deg)">Sample italic text</div>

P.S .: Этот метод поможет вам изменить угол курсива текста, но для разработки логотипа вам обязательно понадобится иллюстратор для совершенства.

Answer 5

Создайте свой собственный шрифт или измените шрифт с открытым исходным кодом, используя бесплатный инструмент для редактирования шрифтов, такой как FontForge .

Редактировать: Я вижу, что это для электронной почты с отключенными изображениями. Извините, но в этом случае это вообще невозможно, поскольку большинство почтовых клиентов, кроме новых версий Thunderbird, не поддерживают CSS-правила @ font-face.

Answer 6

HTML / CSS - неправильный инструмент для этого. Используйте Illustrator или другое программное обеспечение. Или искать дизайнера.

Answer 7

Это невозможно с CSS. Вы можете попробовать переключиться на другой шрифт на i и em с более наклонными буквами, но я не думаю, что это поможет вам.

А если вы разрабатываете логотип, почему вы делаете это с помощью CSS? Для этого у вас есть Photoshop и / или Illustrator.