【问题标题】:FontAwesome not displaying letter "o"FontAwesome 不显示字母“o”
【发布时间】:2012-12-08 15:33:13
【问题描述】:

我正在尝试将FontAwesome 包含到我的项目中,但我无法让字母小“o”起作用,

我的字体-awesome.css.scss.erb

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path('fontawesome-webfont.eot') %>');
  src: url('<%= asset_path('fontawesome-webfont.eot') + '?#iefix' %>') format('eot'),              url('<%= asset_path('fontawesome-webfont.woff') %>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf') %>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg') + '#FontAwesome' %>') format('svg');
  font-weight: normal;
  font-style: normal;
}

// Other stuff,,,,,,

我自己的CSS

 body {
   font-family: "FontAwesome"
 }

发生的情况是文本变成了一些衬线字体,所以有些东西正在改变,但是字母“o”没有显示出来,我尝试了各种宝石,但似乎都没有。

我也尝试了不同的浏览器(Chrome、FF、Safari)

作为操作系统,我使用 Lion 10.7.5

我还配置了资产路径。

【问题讨论】:

    标签: ruby-on-rails css sass webfonts


    【解决方案1】:

    FontAwesome 要求您使用 font-awesome.css 样式表。

    然后您将创建一个使用字体的元素,例如:

    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
    
    <i class="fa fa-download"> Download</i>

    请参阅Not using Boostrap?1http://fortawesome.github.io/Font-Awesome 了解路线

    1。这存在于旧 3.2.1 文档中。

    【讨论】:

    • 我使用的是 font-awesome.scss ,这基本上是一样的,我可以使用你发布的元素。
    • 我附上了它的外观截图
    【解决方案2】:

    您不应该使用 FontAwesome 作为您身体的字体。您需要将其限制为特定的类或类似的东西。

    【讨论】:

    • 我试过了,但我不知道为什么会有所作为?
    • 我查了一下,你是对的,我误解了 FontAwesome 的使用
    猜你喜欢
    • 1970-01-01
    • 2017-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多