@font-face 在 Rails 3.2 中行为异常
@font-face misbehaving in Rails 3.2
我需要使用自定义字体,并且我遵循了书中的所有技巧,包括似乎对 Stack 上的其他人有用的大量解决方案。
我的 _text.css.scss
文件:
@font-face {
font-family: 'DroidSerif';
src:font-url('DroidSerif.eot');
src:font-url('DroidSerif.eot?#iefix') format('embedded-opentype'),
font-url('DroidSerif.svg#droidserif') format('svg'),
font-url('DroidSerif.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1 h2 h3 h4 h5 h6 { font-family: 'DroidSerif', 'serif' }
我打开网页,它仍然显示无衬线字体。
我在 app/assets/fonts/
目录中有字体,我添加了:
config.assets.paths << Rails.root.join("app", "assets", "fonts"
到我的 application.rb
文件。
有什么想法吗?这是一个 Rails 3.2 应用程序...
这似乎在我重新启动机器后自行解决。
编辑:在实际代码中,h 标签之间确实有逗号。
我需要使用自定义字体,并且我遵循了书中的所有技巧,包括似乎对 Stack 上的其他人有用的大量解决方案。
我的 _text.css.scss
文件:
@font-face {
font-family: 'DroidSerif';
src:font-url('DroidSerif.eot');
src:font-url('DroidSerif.eot?#iefix') format('embedded-opentype'),
font-url('DroidSerif.svg#droidserif') format('svg'),
font-url('DroidSerif.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1 h2 h3 h4 h5 h6 { font-family: 'DroidSerif', 'serif' }
我打开网页,它仍然显示无衬线字体。
我在 app/assets/fonts/
目录中有字体,我添加了:
config.assets.paths << Rails.root.join("app", "assets", "fonts"
到我的 application.rb
文件。
有什么想法吗?这是一个 Rails 3.2 应用程序...
这似乎在我重新启动机器后自行解决。
编辑:在实际代码中,h 标签之间确实有逗号。