我非常确定我是对的,但出于某种原因它却不起作用。
我正在制作一个Chrome扩展程序,它会注入CSS到页面中,我的CSS一直都很好用,直到我想要改变字体时。
所以我的清单文件是这样的...
"css": ["css/my-custom.css"],
"js": [ "js/jquery.js", "js/my-custom.js", "js/jquery.cookie.js"],
"web_accessible_resources": ["css/my-custom.css", "fonts/Roboto-Regular.ttf", "images/*.*"]
...我的 CSS 代码如下...
@font-face {
font-family: 'RobotoLtRegular';
src: url('chrome-extension://__MSG_@@extension_id__/fonts/Roboto-Regular.ttf');
font-weight: normal;
font-style: normal;
}
body {
background: #f1f1f1 !important;
font-size: 1.2em !important;
font-family: RobotoLtRegular !important;
}
p {
font-family: RobotoLtRegular !important;
}
尽管如此,当我重新加载扩展程序时,我没有看到新字体。Chrome元素检查器还显示这个字体应该显示在body和p上(没有其他字体覆盖RobotoLtRegular)。
我的字体存储在扩展程序的css目录中,所以路径是正确的。
我完全不知道该怎么办。
任何建议都将有所帮助。
更新:如果有所帮助,我正在作为未打包的扩展程序加载它。
format("truetype")
。 - wOxxOm