Css Rails应用程序上的自定义字体未加载

我想这是个超级简单的问题。我正在尝试将自定义字体上载到服务器，如下所示：

自定义.css.scss

p, ol, li, a, td, ul, h1, h2, h3, h4, h5, h6, label {
  font-family: rockwell;
  src: url('/assets/Rockwell.TTF');
  text-align: left;
  em {
    font-family: rockwell;
    font-style: italic;
    src: url('/assets/RockwellItalic.TTF');
  }
  strong {
    font-family: rockwell;
    font-weight: bold;
    src: url('/assets/RockwellBold.TTF');
  }
}

/* font families */

@font-face {
  font-family: 'Rockwell';
  src: url('<%= asset_path("Rockwell.ttf") %>');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rockwell Italic';
  src: url('<%= asset_path("RockwellItalic.ttf") %>');
}
@font-face {
  font-family: 'Rockwell Bold';
  src: url('<%= asset_path("RockwellBold.ttf") %>');
}

p, ol, small, ul, li, td, th, h3, h4, h5 ,h6, label {
  font-family: Rockwell; # The elements I wanted defaulted to normal
}

h1, h2, a, strong {
  font-family: 'Rockwell Bold'; # The elements I wanted defaulted to bold
}

li {
  small {
    font-family: 'Rockwell Bold'; # Subset I wanted defaulted bold
  }
}

em {
  font-family: 'Rockwell Italic'; # Manual italic
}

# Whenever I wanted italic or bold, I did it through font-family for consistency.

我尝试将这三个TTF文件直接放在app/assets（当前尝试）和app/assets/stylesheet中。当我使用后者时，我尝试使用src url作为/stylesheets/Rockwell.ttf和/app/assets/stylesheets/Rockwell.ttf

这些都没有真正起作用。当我的朋友在他的浏览器中加载网站时，它是另一种字体。知道我做错了什么吗？/如何修复它？如果这只是CSS3，如何确保使用CSS3

编辑——我一直在试图弄清楚应用程序是否在查找字体文件时遇到问题，所以我检查了inspect元素的“网络/字体”选项卡。无论我是否提供了一个真正的路径（我错误地尝试了/stylesheetsRockwell.ttf），都没有显示任何内容

编辑--是否可以用粗体和斜体换行

@font-face {
  font-family: 'Rockwell';
  src: url('<%= asset_path("Rockwell.ttf") %>');
  font-weight: normal;
  font-style: normal;
  strong {
    src: url('<%= asset_path("RockwellBold.ttf") %>');
  }
  em {
    src: url('<%= asset_path("RockwellItalic.ttf") %>');
  }
}

@font-face{
字体系列：“罗克韦尔”；
src:url（“”）；
字体大小：正常；
字体风格：普通；
强壮的{
src:url（“”）；
}
em{
src:url（“”）；
}
}

在Rails项目中，我像处理样式表或图像一样构造字体：

style/stylesheet/myStyle.css

style/images/myImage.jpg

style/font/myFont.ttf

---

在Rails项目中，我像处理样式表或图像一样构造字体：

style/stylesheet/myStyle.css

style/images/myImage.jpg

style/font/myFont.ttf

对我有用的是：

我将字体添加到新的assets/fonts/目录，然后将其添加到assets路径

config/application.rb

config.assets.paths << "#{Rails.root}/app/assets/fonts"

config.assets.path什么对我有效：

我将字体添加到新的assets/fonts/目录，然后将其添加到assets路径

config/application.rb

config.assets.paths << "#{Rails.root}/app/assets/fonts"

config.assets.path可能与Bingo重复！但有一个问题。如何使用@font-face加载字体的斜体和粗体版本？它现在不处理strong和em标记。我应该试试上面的编辑吗？可能是宾果游戏的副本！但有一个问题。如何使用@font-face加载字体的斜体和粗体版本？它现在不处理strong和em标记。我应该试试上面的编辑吗？谢谢。就这么做了，根据上面链接到的重复问题。不过，左图试图找出如何用粗体/斜体表示。我在上面所做的一切能起作用吗？（我的要求是/除了测试这个，因为测试包括推送网站，让朋友在他们的浏览器上查看并报告。）谢谢。就这么做了，根据上面链接到的重复问题。不过，左图试图找出如何用粗体/斜体表示。我在上面所做的一切能起作用吗？（我的要求是，除了测试这个，测试还包括推送网站，让朋友在他们的浏览器上查看并报告。）