移动

Question

当我在桌面上使用@ font-face时，它可以正常工作。当我调整到移动设备时，一些文本突破了包装器。

我使用fontsquirrel.com生成字体。我已经使用其他字体（网页安全字体和谷歌字体）对其进行了测试，但他们并没有完成包装。

字体是否有可能突破包装器？或者我刚刚在fontsquirrel中使用了错误的设置？

我无法添加jsfiddle，因为此问题仅显示在原生移动设备上。

提前致谢！

Answer 1

您想使用溢出来实现此目的。如果你不想让它突破“盒子”。这是一个例子：

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>