• Время чтения ~1 мин
  • 08.07.2022

Laravel Google Fonts - это пакет от Spatie для управления собственными шрифтами Google в приложениях Laravel:

этот пакет работает путем регистрации URL-адреса встраивания шрифтов, который вы обычно получаете от Google. Этот пакет будет очищать CSS, извлекать ресурсы, хранить их локально и отображать встроенный CSS во время первого запроса. Встроенный рендеринг уменьшает переход к серверу, но если что-то пойдет не так во время этого процесса, этот пакет вернется к <link> тегу, чтобы получить CSS и ресурсы непосредственно из CDN Google.

Помимо преимущества производительности, сохранение ваших собственных шрифтов и CSS может быть рутиной, и этот пакет позаботится об этом для вас!

Вы даже можете получить ресурсы и CSS заранее, возможно, во время нового развертывания с предоставленной командой artisan:

php artisan google-fonts:prefetch

Awesome, но зачем мне это делать?

Файл readme пакета имеет объяснение того, почему вы можете захотеть использовать этот пакет:

Google Fonts содержит впечатляющий каталог шрифтов, но полагаться на него имеет свои затраты. Размещая шрифты на внешнем домене, браузеры должны выполнять дополнительный поиск DNS. Это замедляет начальную загрузку страницы. Кроме того, вы направляете своих посетителей в собственность Google, которую пользователи, заботящиеся о конфиденциальности, могут не оценить.

Вы можете загружать шрифты из Google Fonts и самостоятельно размещать их, но это больше работы, чем встраивание кода. Идти в ногу с последней версией шрифта также может быть рутиной.

Этот пакет делает самостоятельный хостинг Google Fonts максимально удобным для пользователей Laravel.

Подробнее

Вы можете узнать больше об этом пакете, получить полные инструкции по установке и просмотреть исходный код на GitHub. Еще раз спасибо Фрику Ван дер Хертену и остальной команде Spatie за еще один полезный пакет! Если вы считаете это полезным, подумайте о поддержке Spatie, который поддерживает множество ценных пакетов в экосистеме Laravel и PHP.

Comments

No comments yet
Yurij Finiv

Yurij Finiv

Full stack

Про мене

Professional Fullstack Developer with extensive experience in website and desktop application development. Proficient in a wide range of tools and technologies, including Bootstrap, Tailwind, HTML5, CSS3, PUG, JavaScript, Alpine.js, jQuery, PHP, MODX, and Node.js. Skilled in website development using Symfony, MODX, and Laravel. Experience: Contributed to the development and translation of MODX3 i...

Об авторе CrazyBoy49z
WORK EXPERIENCE
Контакты
Ukraine, Lutsk
+380979856297