Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在网站上使用自定义的.ttf字体_Html_Css_Fonts - Fatal编程技术网

Html 在网站上使用自定义的.ttf字体

Html 在网站上使用自定义的.ttf字体,html,css,fonts,Html,Css,Fonts,我有一个名为“Contempory\uuuuuuuuuuu Modern\u font\u by_MyFox.ttf”的字体(字体可以在这里找到: 我想通过我自己开发的网站使用这种字体 我尝试了@font face{},但仍然无法看到站点字体的显示方式与字体中的相同 我的@font-face{}代码是: @font-face { font-family: "My Custom Font"; src: url(font/Contempory___Modern_Font_by_MyF

我有一个名为“Contempory\uuuuuuuuuuu Modern\u font\u by_MyFox.ttf”的字体(字体可以在这里找到:

我想通过我自己开发的网站使用这种字体

我尝试了@font face{},但仍然无法看到站点字体的显示方式与字体中的相同

我的@font-face{}代码是:

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

如何在网站的所有页面上显示此字体?我正在使用Dreamweaver CS5对我的网站进行编码,它是简单的HTML格式。请建议!

您需要生成webfonts,以便在字体标签中使用


试试这个-

我建议你在网站上使用.woff格式字体

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

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

试试这个

如何加载和使用它:

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

或
.addfont{
字体系列:NameForFontFamily;
}

信息不完整:CSS的其余部分和所有HTML缺失,测试的浏览器未识别。