css外部字體庫文件的引用

最近在做項目的時候，需要顯示類似鍾表的數字字體，做完之后記錄一下：

1、下載字體庫文件

　　自己去網上下載你想用的css字體庫，這個就根據需求自己下載了。

　　我自己項目中的之這個樣子的（DS-Digital文件夾是我下載的字體庫）：

　　

　　我是放在css目錄下，你可以自己按照自己的意願放到其他地方。

2、在css中引用

　　在我自己新建的serviceHall.css中引用

　　

@font-face {
    font-family: electronicFont;
    src: url(../css/DS-Digital/DS-DIGIT.ttf), url(../css/DS-Digital/DS-DIGII.ttf), url(../css/DS-Digital/DS-DIGIB.ttf), url(../css/DS-Digital/DS-DIGI.ttf)
}

　　font-family的值可以自己定義。根據你的字體庫路徑引入字體文件。

3、引用我們自己引入的樣式

　　跟平時寫樣式那樣，比如

.servicehall-today-tablelist-wait{
    width: 25%;
    font-size: 20px;
    text-align: center;
    padding: 8px 2px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-family: electronicFont;
}

　　這樣就OK了，就是這么簡單。效果圖（數字字體部分是我引入的字體）：