作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试通过 CSS @font-face
加载一些自定义字体。我正在使用导轨fonts_path
方法。它在我的开发浏览器中成功生成了正确的路径:
/assets/fonts/my_font.eot?#iefix
但是它将此路径附加到 0.0.0.0:3000
(rails 开发服务器)可能不是我的 Rails 元素中/assets/fonts/的位置。我不知道 Rails 路由的路由和 Rails Assets 之类的东西之间的关系。
错误如下:
Failed to load resource: the server responded with a status of 404 (Not Found) http://0.0.0.0:3000/assets/fonts/my_Ffent.woff
这是我的样式表:
<style type="text/css">
@font-face{
font-family:"My Font";
src:url(<%=font_path('/assets/fonts/my_font.eot?#iefix')%>);
src:url(<%=font_path('/assets/fonts/my_font.eot?#iefix')%>) format("eot"),url(<%=font_path('/assets/fonts/my_font.woff')%>) format("woff"),url(<%=font_path('/assets/fonts/my_font.ttf')%>) format("truetype"),url(<%=font_path('/assets/fonts/my_font.svg#c1b10d74-5304-41c3-b9de-00f29187df91')%>) format("svg");
}
</style>
样式表位于 application.html.erb
这可能是问题的一部分?它在<head>
中定义。标签。
最佳答案
查看了我的代码,其中我使用了 @font-face 并以这种方式记录了它。尝试一下,看看它是否适合您。正如您所看到的,我仅通过声明其名称就在本地声明了字体 src。
@font-face {
font-family: 'yourfont Novum Light';
src: local('yourfont Novum Light') url("https://cns.xx.com/ux/site/1.1/fonts/yourfont-novum/yourfont-Novum-Light.eot");
font-weight: 400;
font-style: normal
}
关于css - 无法加载资源: 404 (Not Found) - Rails custom fonts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24940636/
我是一名优秀的程序员,十分优秀!