Задать вопрос
@AlexCruel
laravel

Как подключить свой шрифт .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">

Шрифт не меняется.
  • Вопрос задан
  • 375 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фулстек-разработчик расширенный
    20 месяцев
    Далее
  • Onskills
    PHP: базовый курс
    1 месяц
    Далее
  • Skillbox
    PHP-фреймворк Laravel
    2 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack разработчик (Laravel + Vue.js/React.js)
Nomadic Soft
от 1 600 до 2 240 $
Project Manager / Team Lead (внутренний IT-проект, Laravel + Vue)
РПК Discovery • Екатеринбург
от 120 000 ₽
Backend Developer
Невасофт • Санкт-Петербург
от 200 000 ₽
Ещё вакансии