Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/64.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
Css 自定义字体不显示_Css_Ruby On Rails_Sass - Fatal编程技术网

Css 自定义字体不显示

Css 自定义字体不显示,css,ruby-on-rails,sass,Css,Ruby On Rails,Sass,我已将新字体添加到我的app/assets/fonts/NewFont文件夹中 我还在那里添加了字体文件:1234.eot,1234.woff2,1234.woff,1234.ttf 在我的font.scss.css中,我添加了: @font-face { font-family: 'NewFont'; src: font-url('NewFont/1234.eot'); src: font-url('NewFont/1234.eot?#iefix') format('embedde

我已将新字体添加到我的
app/assets/fonts/NewFont
文件夹中

我还在那里添加了字体文件:
1234.eot
1234.woff2
1234.woff
1234.ttf

在我的
font.scss.css
中,我添加了:

@font-face {
  font-family: 'NewFont';
  src: font-url('NewFont/1234.eot');
  src: font-url('NewFont/1234.eot?#iefix') format('embedded-opentype'),
       font-url('NewFont/1234.woff2') format('woff2'),
       font-url('NewFont/1234.woff') format('woff'),
       font-url('NewFont/1234.ttf') format('truetype');
}
当我把它用于我的身体时:

html, body {
  font-family: 'NewFont',  sans-serif;
}
什么也没发生。我在网站上的字体仍然显示相同我错过了什么?

我使用的是
Ubuntu
,但无论如何这都不应该依赖于系统

我尝试过用
资产url
替换
字体url
,但没有成功

字体系列
是否应与字体文件中已定义的某种字体系列匹配

config/initializers/assets.rb

Rails.application.config.assets.precompile += %w(1234.eot
                                                 1234.ttf
                                                 1234.woff
                                                 1234.woff2
                                                 fonts.css.scss)

您需要链接到资产文件夹:

@font-face {
    font-family: '1234';
    src: url('assets/fonts/NewFont/1234.eot');
    ...
    ...

}

关于
asset\u path
的更多信息,请点击此处:

答案是我忘了将
字体
文件本身添加到文件顶部的
应用程序.css
文件中:

 *= require fonts
旁注:

确保字体位于公用文件夹中,以便生产网站可以选择字体。为此,请更新:

src: font-url('NewFont/1234.eot')


(如果您已将新字体移动到
public/fonts/
目录)

您的字体和css是否列在
config/initializers/assets.rb
上?嗯,没有,但我现在已尝试添加它,并且在重新启动服务器后没有任何更改。您能否首先检查开发工具以验证字体是否已加载或是否存在任何错误?字体问题可以很容易地通过Dev toolsIs发现,您正试图让该字体系列实际使用它的元素是什么?也许它被另一个css规则覆盖了是的,它正在使用。如果我在Ubunty
/usr/share/fonts/truetype/NewFont/1234.ttf中将字体添加到我的系统文件夹中,它将显示新字体。(我在问题中添加了
assets.rb
)。Console也没有显示错误它不起作用(尽管我认为不需要
字体路径
)为更简单的修复而编辑我认为问题不在字体的位置,而是以
字体系列的名义出现的。我的字体没有任何规格。我认为问题就在那里。我目前正在调查此事。(改变没有帮助)
src: url('/fonts/NewFont/1234.eot')