Html 显示空框的字体

它正确地显示了字体，但现在不会了，尽管没有任何变化。我尝试了很多解决方案，但似乎都不管用。我正试图将其显示为占位符

这是我的代码（HTML/CSS）：

输入{
字体系列：“FontAwesome”；
}

---

显示空框是因为字符（

；

）在引导字体系列中不可用。要解决此问题，必须覆盖Bootstrap的字体系列。所以你可以使用

！重要信息

在

字体系列

规则中，或者通过使用类更具体地说明CSS规则本身，例如：

输入{
字体系列：无衬线，“FontAwesome”！重要；
}
输入。更具体{
字体系列：无衬线字体“FontAwesome”；
}

---

您在HTML文件中添加的以下行应加载该文件。你说得对。超级：）

现在要解决字体问题，请将输入框的标记更改为：

<div class="input-group mb-2 mb-sm-0">
  <div class="input-group-addon"><i class="fa fa-user"></i></div>
  <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Username">
 </div>

---

希望这有帮助。：）

使用你的检查员。有404吗？跨原点块？所有东西都是200吗？@RobertWade没有错，只是要求将其用作占位符，而不是输入组插件。这非常有效！正是我想要的，谢谢！

<div class="input-group mb-2 mb-sm-0">
  <div class="input-group-addon"><i class="fa fa-user"></i></div>
  <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Username">
 </div>