# 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

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.

![A Bricks beállításai, API-kulcsok lap az Adobe fonts (Projekt-ID) mezővel](./kepek/elso-lepesek-2-beallitasok-api-kulcsok.webp)

*A Bricks beállításai, API-kulcsok lap az Adobe fonts (Projekt-ID) mezővel* (https://minta-bolt.hu/wp-admin/admin.php?page=bricks-settings)

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](https://hub.hellowp.io/hu/plugins/bricks-child/stilusok-betutipuskezelo/) az **Adobe Fonts** forrás alatt is megjelennek.

## 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.