• Час читання ~1 хв
  • 08.07.2022

Laravel Google Fonts — це пакет від Spatie для керування власними шрифтами Google у додатках Laravel:Цей пакет працює,

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

Окрім переваг продуктивності, збереження власних шрифтів і CSS може бути клопіткою роботою, і цей пакет подбає про це за вас!

Ви навіть можете отримати активи та CSS заздалегідь, можливо, під час нового розгортання за допомогою наданої ремісничої команди:

php artisan google-fonts:prefetch

Чудово, але чому я хотів би це зробити?

У 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