此 “字体” 中的每个字母都由 Davor Suljic 使用单个 div 且仅用 border
绘制。 这意味着要使用一些技巧,例如 border-radius,并使用像 border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0;
这样的奇特语法,这种语法仅以一定的缓和度对元素的顶部进行圆角处理,这在这里很有效。 此外,还使用了 伪元素。 我喜欢颜色、阴影和边框样式的所有古怪变体,它们利用了 CSS 的局限性。

使用 CSS 绘制事物一直以来都吸引着人们。 图标是一个受欢迎的选择(最著名的是 Nicolas Gallagher 在 2010 年创建的 纯 CSS GUI 图标),因为我们可以绘制许多 CSS 形状,甚至不需要依赖强大的 clip-path
。