Как добавить дополнительный шрифт в Tailwindcss?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как добавить дополнительный шрифт в Tailwindcss?

Сообщение Anonymous »

Я искал в разных источниках (включая Tailwindcss.com), но мне действительно не удалось использовать нужный шрифт в моем новом приложении Rails 8. Вот что я сделал:
  • загрузил файл Quicksand-VariableFont_wght.ttf из Google Fonts в папку /app/assets/fonts
  • инициализировал файл /app/assets/tailwind/application.css следующим образом:

Код: Выделить всё

@import url("assets/fonts/Quicksand-VariableFont_wght.ttf");
@import "tailwindcss";

@theme {
--font-quicksand: "Quicksand", sans-serif;
}
а затем использовал его в своем приложении.html.erb:

Код: Выделить всё

  
This is my test abcdefq




application
Но хотя инструменты разработчика Edge показывают, что для элементов DOM запрашивается шрифт Quicksand, на самом деле применяется шрифт Arial:
Изображение

Как я могу ссылаться на свой файл шрифта в этом контексте Rails8/Tailwindcss?

Подробнее здесь: https://stackoverflow.com/questions/798 ... ailwindcss
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»