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')