html - 使用图标字体的替代方法

Question

我试图避免{ <i> } 和 :before 类在我的 html/css 中。所以，我最终使用了这种方式:

**CSS**

@font-face {
  font-family: "mtv";
  src:url("fonts/mtv.eot");
  src:url("fonts/mtv.eot?#iefix") format("embedded-opentype"), url("fonts/mtv.woff") format("woff"), url("fonts/mtv.ttf") format("truetype"), url("fonts/mtv.svg#mtv") format("svg");
  font-weight: normal;
  font-style: normal;

}

.iFont{
    font-family: "mtv";
    font-size: 18px;
    color: #269AE0;
}

HTML

<div class="iFont">a</div>

您认为出于某种原因它会出现问题吗？

Answer 1

不，它非常好，因为您已经在上面使用了 font-face，然后在仅包含文本的 div 中应用 font-family 不会产生任何问题。 上面的代码可以很好地工作。继续!