Css 字体：黑色矩形

试图在web项目中实现字体，但输出为1px实心边框矩形。我将Sass与Codekit一起使用，并相应地检查了我的路径。见下文

一,。main.scss

二,。变量.scss

三,。文件夹结构

四,。Main.css输出

五,。HTML

---

我做错了什么？我已经检查了文档并查看了stackoverflow的其他解决方案，但它似乎不起作用。谢谢

您错过了fa类，因此实际上没有使用字体Aweasome字体，而是使用另一种字体。这样做：

<i class="fa fa-twitter"></i>

---

您缺少fa类，因此实际使用的不是字体awesome字体，而是另一种字体。这样做：

<i class="fa fa-twitter"></i>

---

你能发布HTML吗？你用什么浏览器/版本来测试？刚刚添加了它。足够好了？你能发布HTML吗？你用什么浏览器/版本来测试？刚刚添加了它。够好吗？哇，我错过了那个小细节。谢谢，值得一提的是，您看到的方块是因为字符代码没有字体以外的字符表示。很多字体都是这样工作的，他们设置了一个css类来设置字体名称，所以要注意其他类似的字体。哇，我错过了那个小细节。谢谢，值得一提的是，您看到的方块是因为字符代码没有字体以外的字符表示。很多字体都是这样工作的，他们设置了一个css类来设置字体名称，所以要注意其他类似的字体。

@font-face {
  font-family: 'FontAwesome';
  src: url("font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"),  
  url("font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),
  url("font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), 
  url("font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; 
}

 <i class="fa-twitter"></i>

<i class="fa fa-twitter"></i>