如何通過CSS

Question

的字體應用到網站我想自定義字體添加到我們的網站上使用CSS：

body { 
    background: #999999 url("../images/pattern29.png"); 
    color: #ffffff; 
    font: 14px/25px Verdana, Verdana, sans-serif; 
} 

但每當我更改字體這是行不通的。我究竟做錯了什麼？

Answer 1

您需要先嵌入與@字體面的字體，那麼你就可以在你的CSS與FONT-FAMILY使用它： http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Answer 2

嘗試使用@font-face屬性添加自定義字體

@font-face 
{ 
    font-family:"YourFontName"; 
    src:url("yourfont.ttf"), 
     url("yourfont.eot"); 
    /*etc etc*/  
    font-weight:normal; 
    font-style:normal; 
} 

您可以使用您的HTML

body 
{ 
    font-family:"YourFontName",Verdana/*etc*/; 
} 

Answer 3

的font-family屬性如果你需要自定義字體嘗試，然後使用這個字體web fonts.CSS3有@ font-face，可以將字體加載到您的網頁中， Paul Irish提供的有關@ font-face的有用和有趣的文章：Bulletproof @font-face Syntax。

@字體面例如：

@font-face{ 
     font-family:MyFont; 
     src:url(../font/MyFont.eot); 
     src:local('?'), 
      url(../font/MyFont.woff) format("woff"), 
      url(../font/MyFont.otf) format("opentype"), 
      url(../font/MyFont.ttf) format("Truetype"), 
      url(../font/MyFont.svg#myfont) format("svg"); 
     } 
body{ 
    font-family: "MyFont", Verdana, sans-serif; /* Font stack */ 
} 

Answer 4

你應該看看FontSquirrel。他們有一個@ font-face生成器，它將爲你設置字體格式，就像我們將要寫入你需要在頁面中包含字體的CSS一樣。

你也可以看看Google的網頁字體API。同樣的道理，只要添加一個標籤，他們就會變得更容易一些。