在網站中添加字體

-1

我正在嘗試將此字體添加到我的網站：http://www.fonts2u.com/vps-dong-da-hoa.font 在網站中添加字體

我的網站。這是我的CSS：

@font-face { 
font-family: "VPSDODAH"; 
src: url(http://localhost/blablabla/wp-content/plugins/buddypress/bp-themes/frisco-for-buddypress/VPSDODAH.ttf) format("truetype");} 

#header h1 a { 
font-family: "VPSDODAH";}

該字體的URL是正確的，但它不工作，它可能是什麼？

非常感謝。

來源

2013-05-14 Vincent Roye

URL是localhost？無法使用Google Web字體？ – Raptor 2013-05-14 11:01:09

您還需要下載所有其他字體類型 - 而不僅僅是ttf。點擊@ font-face按鈕而不是下載按鈕，最好使用字體的相對路徑 – Pete 2013-05-14 11:07:46

您運行的是哪種瀏覽器？有些瀏覽器可能不會使用@ font-face來處理ttf字體（IE，我在看着你）。 – 2013-05-14 11:10:50

並非所有瀏覽器都支持.ttf。使用字體生成器讓所有的字體類型（我用font2web），然後就通過@font-face添加字體：

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

這裏大約browser font support閱讀。

來源

2013-05-14 11:21:37 Vucko

你可以嘗試this網站爲您的網頁字體生成。如果您的字體存在，您可以將其轉換並獲取所有@ font-face參數以將其應用於您的網站。

來源

2013-05-14 11:24:57 Nitesh

在網站中添加字體

回答

相關問題