Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Rails/Heroku-字体不正确,但包含在指纹资产中,未被覆盖,在开发环境中运行良好_Html_Css_Ruby On Rails_Heroku_Fonts - Fatal编程技术网

Html Rails/Heroku-字体不正确,但包含在指纹资产中,未被覆盖,在开发环境中运行良好

Html Rails/Heroku-字体不正确,但包含在指纹资产中,未被覆盖,在开发环境中运行良好,html,css,ruby-on-rails,heroku,fonts,Html,Css,Ruby On Rails,Heroku,Fonts,在我的css中: @font-face { font-family: 'Montserrat Reg'; src: asset-url('montserrat-reg.eot'); src: asset-url('montserrat-reg.eot?#iefix') format('embedded-opentype'), asset-url('montserrat-reg.woff2') format('woff2'), asset-url('montserrat-reg

在我的css中:

@font-face {
font-family: 'Montserrat Reg';
src: asset-url('montserrat-reg.eot');
src: asset-url('montserrat-reg.eot?#iefix') format('embedded-opentype'),
     asset-url('montserrat-reg.woff2') format('woff2'),
     asset-url('montserrat-reg.woff') format('woff'),
     asset-url('montserrat-reg.ttf') format('truetype'),
     asset-url('montserrat-reg.svg#montserratregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat Bold';
src: asset-url('montserrat-bold.eot');
src: asset-url('montserrat-bold.eot?#iefix') format('embedded-opentype'),
     asset-url('montserrat-bold.woff2') format('woff2'),
     asset-url('montserrat-bold.woff') format('woff'),
     asset-url('montserrat-bold.ttf') format('truetype'),
     asset-url('montserrat-bold.svg#montserratbold') format('svg');
font-weight: normal;
font-style: normal;
}
这似乎在我的指纹资产中正确编译,但页面实际上显示了默认字体,尽管生产环境中的开发人员控制台显示:

body {
 margin: 0px;
 padding: 0px;
 font-family: 'Montserrat Reg'; }
上述情况在发展方面也完全相同。“源”选项卡显示,当我在生产中按Ctrl+F5时,css中引用的文件被包括在内,但是,在开发模式下,“源”选项卡没有列出字体文件,这表明字体来自其他地方。这与我的预期相反。你知道什么会妨碍浏览器正常显示吗

经过Chrome和IE的测试,我也使用了令人敬畏的字体作为图标


Rails 4.1.6和4.2.0

检查浏览器中的元素可能会有所帮助,然后选择一个应具有此字体系列的文本元素,查看CSS对其起作用还是不起作用,以便没有其他内容覆盖它。此外,这个答案可能会有帮助,确保字体文件的路径是正确的:文本元素都显示在上面问题中提到的正文{}中的相同内容,这才是真正令人困惑的地方。这些路径必须是正确的,因为当字体系列添加到css中时,它们被包括在CDN中并从CDN中下载。排除字体的字体系列会导致它们无法从CDN下载(这是预期的)。我不确定这些路径怎么可能不正确,但仍然会导致提供字体。