CSS3 @font-face 用法

直接上例子说明吧！！！

css文件中有一个这样的代码

@font-face {
  font-family: electronicFont; /* 定义字体的名字 */
  src: url(../font/DS-DIGIT.TTF);  /*定义该字体的路径*/
}

.no .no-hd ul li {
  position: relative;
  flex: 1;
  line-height: 1rem;
  font-size: 0.875rem;
  color: #ffeb7b;
  text-align: center;
  font-family: electronicFont; /*使用定义好的字体名称*/  
}

html代码

   <div class="no">
          <div class="no-hd">
            <ul>
              <li>12434</li>
              <li>10983</li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>前端需求人数</li>
              <li>市场供应人数</li>
            </ul>
          </div>
        </div>

效果