html - 在网站上使用自定义 .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

我会建议您在网站上使用 .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;
}