@AlexCruel

Как подключить свой шрифт .ttf для Laravel + Tailwind.css?

Папка со шрифтом .ttf хранится по пути /resources/assets/fonts/Tapestry/...

В файле app.css подключаю необходимый шрифт:
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: 'Tapestry';
        src: url('../assets/fonts/Tapestry/Tapestry-Regular.ttf') format('ttf');
    }
}


В tailwind.config.js расширяю доступные fontFamily:
extend: {
        fontFamily: {
            'test': ['Tapestry']
        },


В шаблоне blade указываю:
<body class="font-test">

Шрифт не меняется.
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы