2014-07-08 85 views
0

我使用了Brackets代碼編輯器,並且在實時預覽中它完美地工作,但是一旦我將它上載到實際網站上,它默認爲Arial。我已將字體放在css文件夾中,但我不明白爲什麼它不適用於實時網站。使用字體安裝自定義字體

這是我的代碼。

@font-face { 
    font-family: BMgermar; 
    src: url('http://example.com/css/BMgermar.TTF') format('truetype'); 
} 

在此先感謝。

+1

如果你有你的本地計算機上安裝的字體,但該路徑是不正確的字體文件,它會出現在當地工作。 通過檢查控制檯驗證字體路徑是否正確,然後根據需要更正路徑 –

回答

0

你最上傳的字體在五種格式的工作完美這樣的代碼

@font-face { 
font-family: 'droidkufi'; 
src: url('../fonts/droidkufi/droidkufi-webfont.eot'); 
src: url('../fonts/droidkufi/droidkufi-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/droidkufi/droidkufi-webfont.woff') format('woff'), 
    url('../fonts/droidkufi/droidkufi-webfont.ttf') format('truetype'), 
    url('../fonts/droidkufi/droidkufi-webfont.svg#droid_arabic_kufiregular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

和字體格式是:

  1. EOT
  2. WOFF
  3. ttf
  4. SVG

,或者你只需​​導入字體形成https://www.google.com/fonts

+0

我發現谷歌字體要容易得多,但對於此特定網站,我的客戶端需要位圖/像素字體。有沒有辦法將字體上傳到谷歌? –

+0

有沒有辦法,但如果你想圖標字體使用這個http://icomoon.io –

+0

谷歌字體確實有一些位圖字體。 [VT323](https://www.google.com/fonts/specimen/VT323)和[按開始](https://www.google.com/fonts/specimen/Press+Start+2P)。這裏還有一些安全的網頁嵌入字體:http://www.fontsquirrel.com/fonts/list/classification/pixel(排名前兩位) – Aibrean