Как использовать пользовательские шрифты в лезвии Laravel?

По сути, я импортировал различные пользовательские шаблоны шрифтов в свою папку public/fonts. Примеры: Muli, Muli-Bold, Muli-ExtraBold. Теперь у меня вопрос: как вызвать и использовать эти шрифты в моих блейд-файлах?

Я бы предложил использовать cdn. и muli также является шрифтом Google, поэтому используйте CDN вместо размещения этих шрифтов в проекте.

Sumit Patel 27.06.2019 07:00

но сайт, над которым я работаю, требует, чтобы я использовал мули.

Udhayan Nair 27.06.2019 07:09

вы можете использовать CDN для всех --- <link href = "fonts.googleapis.com/…" rel = "stylesheet">

Sumit Patel 27.06.2019 07:11

Muli — это шрифт Google, поскольку я отправляю вам ссылку на CDN, вы можете добавить его в свой файл макета, который повлияет на весь сайт.

Sumit Patel 27.06.2019 07:13

понял, спасибо дружище

Udhayan Nair 27.06.2019 07:54
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
5
7 133
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете добавлять пользовательские шрифты в laravel так же, как вы добавляете в шаблон HTML. Вы можете добавить это в blade как

<style type = "text/css">
    @font-face {
        font-family: Muli-Bold;
        src: url('{{ public_path('fonts/Muli-Bold.tff') }}');
    }
</style>

И вы можете добавить его в любой css файл как:

@font-face {
    font-family: Muli-Bold;
    src: url('/fonts/Muli-Bold.tff');
}
Ответ принят как подходящий

Если вы хотите добавить собственный шрифт в laravel, вы можете добавить его так же, как в файле HTML. Вы можете добавить в css как:

    @font-face { 
font-family: Muli-Bold; src: url('/fonts/Muli-Bold.tff');
 }

Или вы можете включить приведенный выше код в blade, используя тег стиля.

я понимаю, что это добавляет его в проект, но как мне это назвать в моем тексте? скажем, у меня есть <p>Это то, что я хочу в формате шрифта</p>

Udhayan Nair 27.06.2019 07:24

Обратитесь к этому сайту. это может вам помочь, но greatives.ticksy.com/article/5843

SourabhS 27.06.2019 07:39

Или вы можете использовать cnd и напрямую импортировать URL-адрес шрифта, который вы хотите использовать.. я думаю, что это действительно повлияет на все

SourabhS 27.06.2019 07:41

Другие вопросы по теме