2017-03-10 69 views
0

我有一個自定義字體.ttf和.otf文件,我已經添加到我的字體文件夾在我的mvc項目。我如何從CSS調用這些?看到一些文章談論打開字體管理器或HTML設計器,但我看不到任何東西嵌入這些,所以他們在所有瀏覽器上工作?嵌入字體在visual studio 2015

謝謝

回答

1

您已將自定義字體添加到Visual Studio中的字體文件夾中。

現在,所有你需要做的是點在@字體face規則您的字體:

@font-face { 
     font-family: "MyCustomFont.ttf"; 
     font-style: normal; 
     src: url(../fonts/MyCustomFont.ttf); /*if IE */ 
     src: local("MyCustomFont"), url("../fonts/MyCustomFont.ttf") format("truetype"); /* non-IE */ 
} 

如果你需要另一種字體,只需添加一個@字體face規則

@font-face { 
     font-family: "MyCustomFont2.otf"; 
     font-style: normal; 
     src: url(../fonts/MyCustomFont2.otf); /*if IE */ 
     src: local("MyCustomFont2"), url("../fonts/MyCustomFont2.otf") format("truetype"); /* non-IE */ 
} 

這種方法適用於所有瀏覽器。

來源: https://forums.asp.net/t/1589195.aspx?Adding+a+font+to+use+in+visual+studio

+0

謝謝啊,我看到了這一點,但其他職位都在說,你需要通過VS它的自我,將其添加的東西。那麼我不需要添加otf文件? – JQuery

+0

這在site.css是啊? – JQuery

+0

@JQuery你仍然需要通過visual studio(或通過解決方案目錄中的字體文件夾)將.tff和.otf文件添加到字體文件夾中,但代碼顯然會出現在你的css文件中,從你告訴我的樣子這個文件被稱爲site.css。只要確保字體文件夾的路徑是正確的,默認情況下,我在示例中給出的路徑應該沒問題。 –