Question

我正在尝试添加此字体：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是正确的，但它不起作用，它可以是什么？

非常感谢。

Answer 1

并非所有浏览器都支持 .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。

Answer 2

您可以尝试使用this网站来生成网络字体。如果您的字体存在，您可以转换它并获取所有@ font-face参数以将其应用于您的网站。

添加字体到网站

2 个答案: