试图克隆运球,但文字不正确

时间:2017-10-24 20:31:54

标签: html css fonts typography

我正试图在这个运球上复制左图像

https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147

我的问题是关于标题字体。它们如何显示为 “

黑暗面

OF THE

DIGITAL

NOMAD

我尝试将div放在里面,文本里面的文字变小了,所以它会强制下来,但不会出现同样的问题。我假设他们必须手动选择哪些单词会导致换行?如果是这样,他们是怎么做到的?

1 个答案:

答案 0 :(得分:0)

首先,不要假设你在运球上看到的是来自工作应用程序的截图,它可以是在Adobe Photoshop,Adobe InDesign,GIMP等发布软件中设计的概念证明......

我想在HTML页面中复制此示例,您应该像Toby在评论中提到的那样使用每行的<br/>标记。

如果这是主标题,代码可能如下所示:

<h1>THE<br/>
DARK SIDE<br/>
OF THE<br/>
DIGITAL<br/>
NOMAD<br/>
</h1>