У меня проблема, и я не понимаю, что вызывает это. Я купил классный шрифт для использования в отзывчивом дизайне. При определенных размерах окна шрифт обрезается краем окна. Вот скриншот:
Webfont отключается при определенных размерах окна
Использование CSS3 word-break как-то решает это, но я не хочу использовать его в этом случае. Есть ли другие варианты?
Я бы предпочел только вариант CSS, но если задействованы JavaScript или jQuery, я бы тоже был в порядке.
Используемый шрифт - Armitage Black Italic from MyFonts. Вот мой CSS для этого текста:
.text {
font-weight: normal;
margin-bottom: 24px;
color: blue;
font-family: ArmitageBlack-Italic, sans-serif;
font-size: 3.75em;
line-height: .85;
text-transform: uppercase;
letter-spacing: -0.29ex;
}
Проблема может быть воссозданы с любым шрифтом, пока он достаточно велик. Если шрифт выделен курсивом, это действительно очевидно.
Текст внутри этого контейнера:
.container {
display: table;
width: 100%;
height: 100%;
padding-top: 25px;
background-color: grey;
text-align: center;
}
На самом деле, очень сложно помочь, не зная ни одного вашего CSS-кода, вашего веб-сайта или ссылки на демонстрационную страницу – Ryan
@minitech Извините за это! Я добавил информацию о шрифтах и CSS. Мне бы хотелось создать тестовую страницу, но поскольку это шрифт, который вы должны купить, это будет невозможно. Я боюсь. – Sven
Внутри любой контейнер с установленной шириной или правило 'word-wrap', или ...? Также может ли он быть воспроизведен с помощью любого из ваших местных шрифтов? Arial Black курсив или что-то еще? – Ryan