Как правилньо подключить сторонние шрифты в Rails5?

Question

[Art Snail]

Не работают сторонние шрифты.

app/assets/config/manifest.js
//= link_tree ../fonts

config/application.rb
config.assets.paths << Rails.root.join("app", "assets", "fonts")
config.assets.precompile << /\.(?:svg|eot|woff|ttf)$/

Шрифты лежат в app/assets/fonts

application.scss
@font-face {
font-family: 'Comfortaa', serif;
src: font-url('Comfortaa/Comfortaa-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

main.scss
.title {
font-family: 'Comfortaa', serif;
}

Answer 1

[Alexander Leonchik]

Вот тут отлично описано решение по шрифтам.

Если коротко то создаем директорию assets/fonts
И в css используем

font-family: 'simple-line-icons';
src: font-url("Simple-Line-Icons.eot");

Почему у Вас не работает, нужно для начала понять "как именно не работает"? Что в выводе css? Или какая ошибка?

Comments

[Art Snail]

Александр, я же привёл пример кода, всё, что пишите Вы и описано в примере на который Вы даёте ссылку реализовано. Но шрифты не подхватываются всё-равно (

[Alexander Leonchik]

artsnail: на это я Вам тоже ответил )

Почему у Вас не работает, нужно для начала понять "как именно не работает"? Что в выводе css? Или какая ошибка?

[Art Snail]

Ошибки нет, просто подставляет шрифт по умолчанию, как поступает css когда не может найти шрифт кастомный.

[Art Snail]

Я через CDN google fonts пытался подключить, тоже не подхватывает, где-то я косячу, только не могу понять где.

[Alexander Leonchik]

artsnail: может покажете как у вас стили то выглядят после компиляции? сегодня с угадыванием что то не очень получается

[Art Snail]

Alexander Leonchik: ))))
Приношу свои извинения, что сразу не приложил.

@font-face {
font-family: 'Comfortaa', serif;
src: url(/assets/Comfortaa/Comfortaa-Regular-96d580be232f31f051ec0573da14daf0490a0ff3e138cb616c443a14941c114f.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}

Почему-то в 3 строке между assets/ и /Comfortaa, отсутствует fonts, но может так и должно быть......

По CDN удалось подцепить шрифт

[Alexander Leonchik]

artsnail: Посмотрите есть ли этот файл по данному url

[Art Snail]

Да, при переходе по ссылке скачивает фаил.

[Alexander Leonchik]

artsnail: и какой вывод из этого?) сами догадаетесь?))

[Art Snail]

Нет (
То что руки кривые и голова плохо работает это и так понятно)
Но я правда не понимаю в чём дело, иначе не писал бы сюда

[Alexander Leonchik]

artsnail: копайте в сторону CSS, у вас там ошибка. Прогоните через валидатор например, смотрите внимательнее

[Art Snail]

Но как только, я подключаю этот шрифт через CDN, не трогая css, шрифт начинает работать.

Буду копать, спасибо большое за помощь, извините, что потратил ваше время. )