Однажды в тени звезд. Фантастика. (15 март 2025)

Сотрудники загадочного Института Психологии задумали перестроить сознание обитателей планеты, устранив границы «я» и «не-я», пока процессоры Общемирового Компьютерного Радиуса шептались в своих локальных сетях. Но что-то пошло не так — и голоса зазвучали вразнобой.

Подробнее...

Custom Fonts for your Rails app

yotson
Автор темы
Не в сети
Новый участник

Больше

5 года 8 мес. назад #1 от yotson

yotson создал тему: Custom Fonts for your Rails app

Пытаюсь локально расположить шрифты, которые раньше подтягивались на сайт с google... пытаюсь пока что безуспешно.
Хотя следую совету продвинутой девушки по ссылке:
medium.com/@maloriecasimir/css-custom-fo...ils-app-7163299bb41f
Знать бы, что не так?

Code:

@font-face {
   font-family: 'Name of Font';
   src: url('/path-to/font-file.file-extension')
}

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

serge
Не в сети
Модератор

Больше

5 года 8 мес. назад #2 от serge

serge ответил в теме Custom Fonts for your Rails app

Привет, фиг знает чего там советует продвинутая девушка, не разглядеть на вашем скрине. Делайте по науке , а не как девушки советуют. "Первым делом, первым делом - самолеты", как известно.
:blush:

Положите шрифт в папку

Code:

app/assets/fonts

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

Code:

font-url

Т.е.

Code:

@font-face { 
   font-family: 'Font_Name'; 
   src: font-url('Font_Name.ttf');
}

А я смогу! - А поглядим! - А я упрямый!

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

Aleksej
Не в сети
Модератор

Больше

5 года 8 мес. назад - 5 года 8 мес. назад #3 от Aleksej

Aleksej ответил в теме Custom Fonts for your Rails app

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

Вообще-то можно и так, как рекомендует продвинутая девушка:

Code:

@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!

Источник

Последнее редактирование: 5 года 8 мес. назад пользователем Aleksej.

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

Работает на Kunena форум