html - 如何使字体很棒以在实时网站上显示

标签 html css

我创建了一个下拉按钮并添加了一个很棒的字体图标,但它使用的是 unicode 并且没有显示,它是一个模糊的正方形。

我在互联网上搜索了一个解决方案,研究表明确保 font awesome css 样式表链接到我的 html 文件:/

我的 HTML 是:

<div class="language">
    <select>
      <option value="">English</option>
      <option value="">Deutsch</option>
    </select>
</div>

我的 CSS 代码是:

.language {
  float: right;
  margin-top: -45px;
  padding-right: 25px;
}
.language select {
  width: 180px;
  border: none;
}
.language::before {
  content: "\f0ac"
}

感谢任何帮助并提前致谢

最佳答案

要在没有适当类的情况下使用超棒的字体图标,您还应该设置 font-family,例如,如果您使用的是 Font Awesome 5 Free,您还应该设置:

.language::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0ac"
}

附言还要确保你已经包含了 font-awesome 样式表

关于html - 如何使字体很棒以在实时网站上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55454484/

上一篇:html - 如果<code>的父级不是<pre>,如何设置样式?

下一篇:javascript - SVG 对象 - 如何正确缩放和拖动它?

相关文章:

javascript - 单击相应的删除按钮从表中删除行

html - Css 动画错误/问题?

javascript - 使用 anchor 标记 a 在网格中创建动态按钮

html - Z 索引/显示问题

html - 嵌入字体未渲染或下载

javascript - 鼠标跟随多个 div 的工具提示

javascript - 内联JS onclick函数调用错误

html - 使图像从中心悬停时扩展并使图像仍留在框中

css - 在 Android 浏览器中创建垂直滚动的 div 的最简单方法是什么?

css - 我应该为伪元素使用单冒号还是双冒号?