Tovább a tartalomhoz

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”
  1. Nyisd meg az Adobe Fonts fiókodban a webes projektek (web projects) részt. Minden webes projektnek egyedi „Projekt-ID”-ja van.
  2. Másold ki annak a webes projektnek az azonosítóját, amelynek betűtípusait a Bricks webhelyen használni szeretnéd.
  3. 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.
  4. 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.
https://minta-bolt.hu/wp-admin/admin.php?page=bricks-settings
A Bricks beállításai, API-kulcsok lap az Adobe fonts (Projekt-ID) mezővel

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.

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:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások