添加字體爲CSS頁

Question

我有一個字體我下載，我想那字體應用到我的網站。

所以我只是用字體的家庭，但我的字體是不存在的（顯然）任何關於如何增加它的想法？

Answer 1

你必須通過CSS嵌入字體，然後才能使用它（因爲大多數計算機可能沒有的字體本地安裝）。退房：

CSS Cross Browser Fonts using CSS3 @font-face

的跨瀏覽器兼容的代碼最終看起來像：

@font-face 
{ 
    font-family: "Your Font Name"; 
    src: url(~/Fonts/SomeFontName.eot); /* IE */ 
    src: local("The Real Font Name"), 
     url(~/Fonts/FontFileName.ttf) format("truetype"); /* non-IE */ 
} 

body 
{ 
    font-family:"Your Font Name", verdana, helvetica, sans-serif; 
} 

Answer 2

您只需編寫字體的名稱，如：

font-family: Gotham; 

..或...

font-family: "Myriad Pro"; 

將您的計算機上，但不是在用戶計算機上工作，除非他們安裝了字體。

Answer 3

我認爲這個問題是您的網站的用戶如何可以看到新的字體？嘗試了這一點：http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css

像這樣的：

@font-face { 
    font-family: cool_font; 
    src: url('cool_font.ttf'); 
}