css - 将字体添加到网站

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;
 }

在此处阅读有关浏览器字体支持的信息。

Answer 2

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