html - 错误的路径字体不起作用

标签 html css

我使用了字体,但声明中似乎遗漏了一些内容。我应该如何声明才能使我的字体正常工作?我的工作文件夹中有该字体。

@font-face {
font-family: 'HThin';
src: url("/assets/fontsfontsHelveticaNeue-Thin.otf") format("opentype");}

.header-text{ 
 font-family:'HThin';
 color: white;
 width: 50%;
 height: 50%;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0; }

最佳答案

你确定字体的路径是正确的吗? 如果字体所在的目录与 .css 文件位于同一位置,则应写入“../assets/fontsfontsHelveticaNeue-Thin.otf”。 顺便说一句,请记住@font-face 的供应商前缀 http://shouldiprefix.com/#font-face

关于html - 错误的路径字体不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35862634/

相关文章:

PHP:解析错误:语法错误,意外

javascript - html5 javascript 自动播放不适用于 android 4.4

javascript - 使用 Javascript 和 WYSIWYG 将内容包装在自定义标签中

jquery - 验证插件 - 显示消息

css - Flexbox:两个元素在 flex-direction 上彼此重叠:行

javascript - 为什么我的 PreventDefault 在 Chrome 浏览器 jquery 中不起作用?

html - 尝试制作我在 CSS 中完成但失败的代码的滑入动画

javascript - 页脚仅粘在屏幕底部而不是内容

css - 当浏览器或设备达到一定宽度时在 CSS 中切换背景

javascript - 这段代码有什么问题(响应式 html-css-js)?