我正在尝试在我的网站上放置自定义字体。在我的 CSS 页面上,我有:
body
{
font-family: HurmeGeometricSans4_SemiBold;
}
@font-face
{
font-family: HurmeGeometricSans4_SemiBold;
src: url(resources/Hurme_Design_-_HurmeGeometricSans4_SemiBold.otf);
}
该文件最初名为“Hurme Design - HurmeGeometricSans4 SemiBold”,我使用 myfonts.com 的网络许可证购买了它。资源目录与我的样式表位于同一目录中。任何人都可以看到我在这里做的可能是错误的吗?已经尝试了很多但无法让它工作。这主要用于移动浏览器。
最佳答案
如果 CSS 与字体位于同一目录中,请忘记添加子目录,在您的情况下为 resources/
。
它将读取为 resources/resources/font
而不是所需的 resources/font
。
如有疑问,请使用完整的 URL(例如 http://www.yourdomain.com/path-to-font/font
)
关于html - 无法让@font-face 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22527034/