Рельсы пользовательских шрифтов не загружаются.Нужно ли прекомпилировать?

Question

У меня есть этот шрифт:

app/assets
├── fonts
│   └── Reckless-Medium.otf

, и у меня есть это css.scss:

@font-face {
  font-family: 'Reckless-Medium';
  src: url('/assets/fonts/Reckless-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-color: orange;
}

$reckless-medium: 'Reckless-Medium';

.results-list {
    display: block;
    font-family: $reckless-medium;
    max-width: 400px;

, но шрифт не работает.Несколько вопросов:

1. Чего мне не хватает?
2. Я не очень хорошо разбираюсь в шрифте ... Какой хороший способ определить, работает это или нет?У меня есть проблемы с моим CSS?Я думаю, я могу просто вставить как font-color: посмотреть, работает ли css?Есть ли лучший способ?

Если это на производственном сервере в Digital Ocean, что мне нужно сделать, чтобы эти шрифты работали?