Як користуватися шрифтами Adobe з Esl
Усе, що вам потрібно зробити, це надати Esl ваш “ID проекту” шрифтів Adobe.
Спочатку відвідайте розділ “веб-проекти” у вашому акаунті Adobe Fonts: https://fonts.adobe.com/my_fonts#web_projects-section
Кожен з ваших веб-проєктів містить унікальний “ID проекту”.
Скопіюйте ID проекту веб-проекта, шрифти якого ви хочете використовувати на вашому сайті Esl.
Далі, у панелі керування WordPress перейдіть до Esl > Налаштування > API ключі і вставте ID проекту в поле “Adobe fonts (ID проекту)”. Потім збережіть свої налаштування.
Поруч з полем введення ID проекту тепер має бути видна кнопка “Синхронізувати шрифти”. Натисніть на неї, щоб отримати шрифти Adobe цього проекту. Повинно з’явитися повідомлення про успіх & лічильник “Опубліковані шрифти Adobe” повинен відображати кількість опублікованих шрифтів.
Ці шрифти тепер доступні в модулі в будь-якому випадаючому списку font-family:
ЗАУВАЖЕННЯ: Esl розпізнає, коли ви використовуєте шрифт Adobe, який також доступний як шрифт Google. Esl завантажуватиме лише шрифт Adobe, щоб не завантажувати цей шрифт і з Google.
Змінні шрифти
Esl також надає новий font-variation-settings. Ця CSS-властивість дозволяє вам контролювати чотири літерні назви осей змінного шрифту Adobe. Такі як wght, wdth, slnt та ital.
Для отримання додаткової інформації про специфіки відвідайте https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings
Ви можете переглянути доступні змінні шрифти Adobe, вибравши “Змінні шрифти” під “Технологія шрифтів” на https://fonts.adobe.com/fonts.
ЗАУВАЖЕННЯ: Цей новий font-variation-settings також доступний для кастомних шрифтів. Шрифти Google наразі підтримують лише вісь wght в Esl. Ми працюємо над повною підтримкою змінних шрифтів з Google шрифтами також.