@ font-face fonts break on mobile

Когда я использую @ font-face для рабочего стола, он отлично работает. Когда я изменяю размер до мобильного, какой-то текст выходит из оболочки.@ font-face fonts break on mobile

Я использовал fontsquirrel.com для создания шрифта. Я тестировал его с другими шрифтами (шрифты websafe & google fonts), и они не выходят из оболочки.

Возможно ли, что шрифт может вырваться из обертки? Или я использовал неправильные настройки в fontsquirrel?

Я не могу добавить jsfiddle, потому что проблема отображается только на родном мобильном устройстве.

Заранее благодарен!

источник

2016-08-09 Louj

Можете ли вы поделиться фрагмент в CSS, который вы используете для @ шрифта лица и указать, какие нативные мобильные клиенты у вас возникли проблемы в (путем редактирования вопрос выше)? –

Конечно, шрифт может вырваться из обертки. '

text

' делает. Однако я не понимаю ваше замечание о jsfiddle. Мобильные телефоны также могут просматривать страницы jsfiddle. –

Вы хотите использовать переполнение, чтобы выполнить это. Если вы не хотите, чтобы он вырвался из «окна». Вот пример:

div { 
 
    background: lightgray; 
 
    width: 200px; 
 
    height: 200px; 
 
    overflow: scroll; 
 
}

<div> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur magna sed nulla auctor, at posuere enim tempus. Phasellus pretium nisl imperdiet, interdum elit vitae, aliquet augue. Suspendisse efficitur dui sit amet eleifend tempus. Curabitur tincidunt et mauris a viverra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum eu elit a dolor lacinia volutpat nec vitae elit. Aliquam leo ex, lacinia sed turpis at, semper elementum mi. Praesent eget vehicula dui, in tempor felis. Mauris lobortis dui eget mollis blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 
 
</div>

источник

2016-08-09 19:02:28

@ font-face fonts break on mobile

ответ

Смежные вопросы