Html 自定义字体在dreamweaver中反映，但在浏览器中不显示

我在我的网站中使用了自定义字体，它可以在Dreamweaver设计视图中查看，但不能在浏览器中查看

HTML:

在DW中预览：

在浏览器中预览：

这里出了什么问题。请帮忙

---

谢谢

您的意思是，当您将其上载到主机时，它不可用吗？或者当您试图在本地主机上的浏览器中查看它时，它不可用？如果您试图从其他主机执行此操作，请确保将字体上载到web主机上的同一目录。如果你正在寻找一种更友好的方式，我会极力推荐谷歌字体，看看你是否能找到同样的字体

@font-face { font-family: //FontName; src: url('//fontUrlHere'); } 
 @font-face { font-family: //FontName; font-weight: bold; src: url('//fontUrlHere');}

---

然后正常调用它

我认为“泰米尔字体”在dreamweaver中起作用，因为dreamweaver已经安装了该字体，但在浏览器中，我认为您的浏览器中没有这种字体。要确保这一点，请打开浏览器，转到“内容”选项卡，并在“字体”下拉列表中检查字体类型。希望它能起作用。

@font-face {
    font-family: Tamil Bible;
    src: url(../fonts/Tamil Bible.ttf);
}
.tamilfont{
    font-family: Tamil Bible;
}

@font-face { font-family: //FontName; src: url('//fontUrlHere'); } 
 @font-face { font-family: //FontName; font-weight: bold; src: url('//fontUrlHere');}