Текст выходит за ширину абзацаCSS

Разбираемся в CSS
Ответить
Anonymous
 Текст выходит за ширину абзаца

Сообщение Anonymous »

У меня очень странная проблема, которую я никогда не встречал за более чем 20 лет веб-разработки. У меня есть текст, превышающий ширину содержащего его абзаца:
Изображение

Мой клиент запросил у Adobe шрифт Duffy Script, и это может быть проблемой, поскольку при переключении на без засечек проблема исчезает. Но я бы очень хотел это исправить, если смогу!
Я создал простой jsfiddle, который показывает проблему — вы можете просто изменить размер правой панели, чтобы увидеть проблему. закрытый экран на изображении: https://jsfiddle.net/GeorgeMooWoof/4x50etdy/6/
Может ли кто-нибудь помочь, пожалуйста?
Большое спасибо

Код: Выделить всё

@import url("https://use.typekit.net/twt4ckp.css");
.container {
padding-right: 20px;
background: yellow;
}

p {
font-family: "duffy-script", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 24px;
background: rgba(255, 0, 0, 0.2);
}

Код: Выделить всё


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.




Подробнее здесь: https://stackoverflow.com/questions/786 ... -paragraph
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»