使用自定义.ttf字体进入网站

Question

我有一个名为“Contempory ___ Modern_Font_by_MyFox.ttf”的字体（字体可以在这里找到：Download Contemporary Modern Font

我想在我为自己开发的网站中使用这种字体。

我尝试过@ font-face {}，但仍然无法看到字体中显示的网站字体。

@ font-face {}的代码是：

@font-face {
    font-family: "My Custom Font";
    src: url(font/Contempory___Modern_Font_by_MyFox.ttf);
}

如何在网站的所有页面上显示此字体？我使用Dreamweaver CS5来编码我的网站，它是简单的HTML。请提出建议！

Answer 1

您需要生成在font-face标签中使用的webfonts ..

试试这个 - http://www.fontsquirrel.com/tools/webfont-generator

Answer 2

我建议你使用.woff格式字体代替网站。

在某些浏览器中.ttf创建问题。

您可以将.ttf字体转换为.woff

HERE

试试这个

如何加载和使用它：

@font-face {
    font-family: "NameForFontFamily";
    src: url(fonts/fontfilename.woff);
}

在html DOM使用方式中：

font-family: NameForFontFamily;

例如：

<a class='addfont' href="#" style="font-family:NameForFontFamily;">CLICK ME</a>

OR

.addfont{
     font-family:NameForFontFamily;
}