2015-10-20 102 views
0

我剛剛繼承了一個應用程序,並且設置較少變量的文件如下。較少字體的src url包含字體家族

@icon-font-path:   "../fonts/"; 
@exampleFont: exampleFont, 'Helvetica Neue', Helvetica, Arial, sans- serif; 

@font-face { 
    font-family: exampleFont; 
    src: url('@{icon-font-path}@{exampleFont}.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

編譯CSS

@font-face { 
    font-family: exampleFont; 
    src: url('../fonts/exampleFont, 'Helvetica Neue', Helvetica, Arial, sans-serif.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 

}

有誰知道爲什麼src網址中包含的URL,字體系列,當它被編譯它結合了,並仍然有效?我從來沒有見過這樣做過。

回答

1

src應該在 src: url('@{icon-font-path}exampleFont.ttf') format('truetype');

在它具有@{exampleFont}這將擴展爲變量的值的當前代碼。