Adobe Fonts integráció
Adobe Fonts projekt összekötése a Bricks-szel projektazonosítóval, a betűtípusok szinkronizálása és a variábilis betűtípusok kezelése.
Az Adobe Fonts használatához a Bricks-nek csak az Adobe Fonts fiókod „Projekt-ID”-jára van szüksége.
Az Adobe Fonts használata a Bricks-szel
Szekció neve “Az Adobe Fonts használata a Bricks-szel”- Nyisd meg az Adobe Fonts fiókodban a webes projektek (web projects) részt. Minden webes projektnek egyedi „Projekt-ID”-ja van.
- Másold ki annak a webes projektnek az azonosítóját, amelynek betűtípusait a Bricks webhelyen használni szeretnéd.
- A WordPress vezérlőpultján nyisd meg a Bricks → Beállítások → API-kulcsok oldalt, és illeszd be a projektazonosítót az Adobe fonts (Projekt-ID) mezőbe. Mentsd a beállításokat.
- A projektazonosító mezője mellett ekkor megjelenik a Betűkészletek szinkronizálása gomb. Kattints rá, hogy lekérd a projekt Adobe-betűtípusait. Sikerüzenetnek kell megjelennie, a „Published Adobe fonts” számlálónak pedig a közzétett betűtípusok számát kell mutatnia.

A képen az API-kulcsok lap első mezője az Adobe fonts projektazonosítója. Mentés után ennek közelében jelenik meg a szinkronizálás gombja.
A szinkronizált betűtípusok ezután a szerkesztőben bármelyik font-family legördülőben elérhetők. Az Adobe Fonts projekt szinkronizálása csak a Bricks tipográfiai vezérlőiben teszi elérhetővé a betűtípusokat. Az Adobe-betűtípus frontenden történő alkalmazásához és betöltéséhez válaszd ki egy tipográfiai beállításban, például egy elemen, egy globális osztályban, a sablonstílusban, az oldalbeállításokban vagy a sablonbeállításokban.
A Bricks az Adobe Fonts projekt CSS-ét csak akkor tölti be, ha a generált oldal-CSS-ben a szinkronizált projekt egy Adobe-betűtípusát észleli.
Az Adobe-betűtípusok a Betűtípuskezelőben az Adobe Fonts forrás alatt is megjelennek.
Variábilis betűtípusok
Szekció neve “Variábilis betűtípusok”A Bricks font-variation-settings beállítást is biztosít. Ez a CSS-tulajdonság lehetővé teszi, hogy a variábilis Adobe-betűtípusok négybetűs tengelyneveit vezéreld, például a wght, wdth, slnt és ital tengelyt. Egy példa: egy variábilis Adobe-betűtípus egyéni betűvastagsággal, a wght tengelyen 535 értékkel.
Az elérhető variábilis Adobe-betűtípusokat az Adobe Fonts oldalán a „Font technology” szűrőnél a „Variable Fonts” kiválasztásával nézheted meg.
Készült: