Html 使用图标字体的替代方法

我试图在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>

**CSS**
@字体{
字体系列：“mtv”；
src:url（“font/mtv.eot”）；
src:url（“font/mtv.eot？#iefix”）格式（“嵌入式opentype”）、url（“font/mtv.woff”）格式（“woff”）、url（“font/mtv.ttf”）格式（“truetype”）、url（“font/mtv.svg#mtv”）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}
伊方特先生{
字体系列：“mtv”；
字号：18px；
颜色：269AE0；
}
HTML
A.

---

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

不，这很好，因为你使用了上面的

字体，然后在只包含文本的div中应用
字体系列
，不会产生任何问题。
上面的代码可以很好地工作。去吧
 为什么要避免使用
？从语义上讲，我认为div更接近元素的实际用法（图标）。另一方面，这不适用于div的内容。这就是为什么我不确定这是否是使用图标字体的正确方式。从语义上说，
span
比
div
更好，但这只是一个观点。我认为之所以使用
，是因为它是一个内联元素，并将文本包装在一个段落中。它是一个
i
，就像
图标中的
。