首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >@font-face rails 3.2

@font-face rails 3.2
EN

Stack Overflow用户
提问于 2012-09-04 03:31:43
回答 1查看 2.5K关注 0票数 7

我正在考虑尝试使用@font-face在我的rails应用程序中使用字体松鼠字体。希望这是正确的解释方式。我对此相对较新,所以希望有人能建议我如何在rails应用程序中使用它

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-09-04 04:21:24

好吧,所以我想我会给出答案,这样可以帮助其他人在我的情况下。我只是在谷歌上搜索了一下,然后把所有的片段放在一起,我是懒惰的/害怕未知的,所以为that.Just的尝试道歉真的有助于理解

不管怎样,

1)在app/assets中创建一个名为fonts的文件夹

2)将所有svg .eot .woff .ttf放入该文件夹

3)在config/application.rb中添加以下内容

代码语言:javascript
复制
# Add the fonts path
config.assets.paths << "#{Rails.root}/app/assets/fonts"

# Precompile additional assets
config.assets.precompile += %w( .svg .eot .woff .ttf ) 

4)在应用程序样式表中放置@font-face样式,例如

代码语言:javascript
复制
  @font-face {
font-family: 'DearestRegular';
src: url('Dearest-webfont.eot');
src: url('Dearest-webfont.eot?#iefix') format('embedded-opentype'),
     url('Dearest-webfont.woff') format('woff'),
     url('Dearest-webfont.ttf') format('truetype'),
     url('Dearest-webfont.svg#DearestRegular') format('svg');
font-weight: normal;
font-style: normal;

}

5)然后,无论你想在哪里使用字体,只需像往常一样使用font-family 6)哦,然后重新启动服务器,将其整合在一起:)

票数 23
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12253146

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档