字体添加到网站(Add a font to a website)

我想添加这个字体： 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-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:

你可以试试这个网站为您的Web字体的产生。 如果您的字体存在，你可以把它转换，并得到所有的@字体面参数应用它为您的网站。

文章来源: Add a font to a website