使用图标字体的替代方法

时间:2015-11-26 15:28:03

标签: html css fonts icons

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

**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>

您是否认为出于某种原因会出现问题?

1 个答案:

答案 0 :(得分:0)

不,它完全正常,因为您已使用上面的font-face,然后在仅包含文本的div中应用font-family不会产生任何问题。 上面的代码将完美地工作。来吧!