FONT-FAMILY不工作的True-Type字體

在我的CSS文件，我第一次有我的真正類型的字體文件是這樣的：FONT-FAMILY不工作的True-Type字體

@font-face {font-family: "ss5"; src: url(../fonts/sans_serif/paneuropa-b.ttf);}

，然後用它是這樣的：

但由於某些原因，這隻適用於Linux和Chrome，而它不適用於Windows Chrome ...奇怪，因爲我的.ttf文件位於我的服務器上。任何想法爲什麼這樣？我需要這個在所有瀏覽器上工作。

這裏是my webpage如果有人想檢查出來。

來源

2015-12-07 71GA

在我的瀏覽器中（Windows 7上的Chrome），您的網頁會在字體文件http://ziga-lausegger.com/fonts/sans_serif/paneuropa-b.ttf上生成代碼404（Not Found）。我的猜測是你的字體是在Linux上本地安裝的，但不是在你的Windows機器上，而且文件真的不能通過網絡訪問。 – Aldo

我收到一個404錯誤，當我要求的字體：

http://ziga-lausegger.com/fonts/sans_serif/paneuropa-b.ttf

我試着使用Chrome瀏覽的文件夾路徑，它的工作。 您應該在您的服務器配置中阻止目錄列表。您可以檢查目錄列表中是否存在paneuropa-b.ttf。

http://ziga-lausegger.com/fonts/sans_serif/

而像@aldo說，「我想是你在Linux本地安裝的字體」，因爲這只是工作在Linux上。

來源

2015-12-07 21:11:29 thiagobraga

Wowwwww我以某種方式丟失了一個文件......甚至不知道什麼時候發生了。我會再次上傳它。 – 71GA

這是使用字體的無效方法。您必須使用ttf，woff,eot,svg來生成字體以獲取所有瀏覽器和操作系統。您只在哪裏使用ttf。生成你的字體然後使用。

您可以使用下面的這些網站生成字體爲ttf，woff，eot和svg。

來源

2015-12-07 21:10:26

對於每個字體我有** ttf **和** svg **文件。當然這還不夠？ – 71GA

是的，不適合舊的瀏覽器。有時候會用光設備，比如手機。 –

這是非常糟糕的貨運邪教建議。實際上，現在opentype幾乎無處不在。少數瀏覽器無法處理它有其他問題。他們會看字體或沒有他們。所以絕對不值得複雜的多格式（需要測試，網頁設計師搞砸等）。除此之外，SVG字體缺乏暗示，因此渲染效果不佳。使用opentype並在Web服務器中啓用透明壓縮（gzip/deflate），就完成了。 http://caniuse.com/#search=ttf – nim

FONT-FAMILY不工作的True-Type字體

回答

相關問題