1. Форум
  3. Форум
  5. Ruby / Ruby on Rails
  7. Custom Fonts for your Rails app

Решено Custom Fonts for your Rails app

Больше
4 мес. 2 нед. назад #1 от yotson
yotson создал тему: Custom Fonts for your Rails app
Вложенный файл:


Пытаюсь локально расположить шрифты, которые раньше подтягивались на сайт с google... пытаюсь пока что безуспешно.
Хотя следую совету продвинутой девушки по ссылке:
medium.com/@maloriecasimir/css-custom-fo...ils-app-7163299bb41f
Знать бы, что не так?
@font-face {
   font-family: 'Name of Font';
   src: url('/path-to/font-file.file-extension')
}

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
4 мес. 2 нед. назад #2 от serge
serge ответил в теме Custom Fonts for your Rails app
Привет, фиг знает чего там советует продвинутая девушка, не разглядеть на вашем скрине. Делайте по науке , а не как девушки советуют. "Первым делом, первым делом - самолеты", как известно.
:blush:

Положите шрифт в папку
app/assets/fonts

и воспользуйтесь хелпером
font-url

Т.е.
@font-face { 
   font-family: 'Font_Name'; 
   src: font-url('Font_Name.ttf');
}
А я смогу! - А поглядим! - А я упрямый!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
4 мес. 4 дн. назад - 4 мес. 4 дн. назад #3 от Aleksej
Aleksej ответил в теме Custom Fonts for your Rails app

yotson пишет: Хотя следую совету продвинутой девушки по ссылке:


Вообще-то можно и так, как рекомендует продвинутая девушка:
@font-face {
   font-family: 'Name of Font';
   src: url('/path-to/font-file.file-extension')
}

, но в этом случае рекомендую сдвоить (вложить одна в другую) две одноименных директории fonts, например:

You have two main options here:

1. Update the path request:

So use /assets/amaze.ttf instead of /fonts/amaze.ttf.

Be aware that in order for the path /assets/fonts/amaze.ttf to work you would need to put the amaze.ttf font in /app/assets/fonts/fonts/ or /vendor/assets/fonts/fonts/. The double fonts directory ensures there is a fonts directory in /public/assets after the assets are compiled. See this answer for more info.

2. Move your fonts directory to your public directory:

Since the requested path doesn't utilize the Asset Pipeline anyway, you can simply move your fonts directory to the /public/ directory and the web server will automatically serve it. So your font(s) should be located at /public/fonts/amaze.ttf, etc.

That should do it!


Источник
Последнее редактирование: 4 мес. 4 дн. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  1. Форум
  3. Форум
  5. Ruby / Ruby on Rails
  7. Custom Fonts for your Rails app