请问如何产生这种效果

Question

我正在尝试使用此特殊效果在构建页面下进行此操作.i  意思是每个字母上的带状线。我正在学习网页设计，所以请  帮我实现这个效果。

我不知道如何使用CSS或JS制作它！

Answer 1

这不是特殊的CSS或JS效果。这是一种自定义字体。

使用以下网络字体：https://fonts.google.com/specimen/Bungee+Inline

要将所选字体嵌入网页，请将此代码复制到HTML文档中。

<link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet">

使用以下CSS规则指定此系列：

font-family: 'Bungee Inline', cursive;

有关如何将字体添加到网页的示例，请参阅getting started guide。