html - 无法让@font-face 工作

标签 html css

我正在尝试在我的网站上放置自定义字体。在我的 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/

相关文章:

html - ul of images 只显示第一个 child

javascript - 如何找出在 Chrome 开发工具中添加样式属性的位置?

jquery - 在基于百分比的设计中垂直居中文本?

javascript - 捕获第一个视频帧

html - 在滚动文本区域中保持恒定的填充

html - 将级联 ul 显示为内联 block 不起作用

css - 在动画后应用悬停效果

html - 我需要将 JSP 中的字符串转换为 titlecase

css - 使 anchor 标记拉伸(stretch)为其背景图像的大小

html - 具体如何使用Roboto Thin和Normal字体