# Betűtípuskezelő

> Betűtípusok böngészése, kedvencek, saját betűtípusok feltöltése, Google-betűtípusok helyi letöltése, kuka, előtöltés és hibaelhárítás.

A Betűtípuskezelő a központi hely a Bricks tipográfiai vezérlőiben elérhető betűtípusok böngészésére, kedvencekbe tételére, letöltésére, feltöltésére, szerkesztésére és eltávolítására.

Akkor használd, ha:

- saját betűtípusfájlokat töltenél fel,
- Google-betűtípusokat töltenél le, és helyből szolgálnád ki,
- a gyakran használt betűtípusokat kedvencnek jelölnéd,
- az elérhető betűtípusokat keresnéd és előnézetben néznéd,
- egyéni betűtípusokat állítanál vissza vagy törölnél véglegesen a Betűtípuskezelő kukájából.

![A Betűtípuskezelő a szerkesztőben: a betűtípusforrások és a keresőmező](./kepek/stilusok-betutipuskezelo.webp)

*A Betűtípuskezelő a szerkesztőben: a betűtípusforrások és a keresőmező* (https://minta-bolt.hu/home/?bricks=run)

A Betűtípuskezelő csak azt befolyásolja, mely betűtípusok érhetők el a szerkesztő tipográfiai vezérlőiben. Magától nem alkalmaz betűtípust a webhelyre. Betűtípus hozzáadása vagy kedvencekbe tétele után válaszd ki egy elemben, globális osztályban, sablonstílusban, oldalbeállításban, sablonbeállításban vagy más tipográfiai vezérlőben.

## A működés

A Betűtípuskezelő forrás szerint csoportosítja a betűtípusokat:

| Betűtípusforrás | Mit jelent |
|---|---|
| Kedvencek | A szív ikonnal megjelölt betűtípusok. |
| Egyéni betűtípusok | A webhelyen egyéni betűtípusrekordként és betűtípusfájlként tárolt betűtípusok. |
| Google betűtípusok | Előnézetben böngészhető, és igény szerint helyben letölthető Google-betűtípusok. |
| Szabványos betűtípusok | Rendszerbetűtípus-családok, amelyek betűtípusfájlok betöltése nélkül is elérhetők. |
| Adobe Fonts | A Bricks beállításaiban megadott Adobe Fonts projektazonosítóból szinkronizált betűtípusok. |

Az egyéni betűtípusok Bricks egyéni betűtípus-rekordként tárolódnak. Minden egyéni betűtípusnak van betűcsaládneve és egy vagy több változata. A változat egy fájl és metaadatok, például betűvastagság, betűstílus és opcionális unicode-tartomány.

Ha vannak egyéni betűtípusok, a Bricks `@font-face` szabályokat generál hozzájuk, és elérhetővé teszi őket a szerkesztőben és a frontenden. Az egyéni betűtípusok kimenete `font-display: swap` értéket használ.

## A Betűtípuskezelő megnyitása

A Betűtípuskezelőt a szerkesztő eszköztárán a **Kezelés → Betűtípuskezelő** menüponttal, vagy bármelyik font-family vezérlő melletti fogaskerék ikonra kattintva nyithatod meg. 

![A szerkesztő eszköztárának Kezelés menüje, benne a Betűtípuskezelő](./kepek/stilusok-szerkeszto-beallitasok-menu.webp)

*A szerkesztő eszköztárának Kezelés menüje, benne a Betűtípuskezelő* (https://minta-bolt.hu/home/?bricks=run)

A **Betűtípuskezelő** a **Stíluskezelő** és az **Ikonkezelő** között áll a menüben. Egy felugró ablak nyílik, ahol minden elérhető betűtípust (Google, Adobe, szabványos és egyéni) kezelhetsz.

## Betűtípusok böngészése és előnézete

A Betűtípuskezelő oldalsávjában válthatsz a betűtípusforrások között. A keresőmező a jelenlegi forrást szűri betűcsaládnév, kategória vagy típus szerint.

Minden betűtípuskártya mutatja:

- a megjelenített nevet,
- a forrás típusát,
- a kategóriát, ha van,
- az elérhető stílusok vagy változatok számát, ha van,
- egy előnézeti sort az aktuális előnézeti szöveggel.

A fejlécben lévő előnézet ikonnal egyéni előnézeti szöveget adhatsz meg. Az alapértelmezett előnézeti szöveg: `The quick brown fox jumps over the lazy dog`.

A Google-betűtípusok előnézete csak akkor töltődik be, amikor a betűtípuskártya láthatóvá válik. Ez könnyebbé teszi a felugró ablakot, de azt jelenti, hogy a Google-betűtípusok előnézete is kérhet a böngészőből a Google felé. Egy Google-betűtípus letöltése egyéni betűtípussá alakítja, amelyet a webhelyed tárol.

## Kedvencek és a font-family vezérlők

Kattints bármelyik betűtípus szív ikonjára, hogy kedvencekhez add vagy eltávolítsd.

A kedvencek tárolása a forrástól függ:

- Az egyéni betűtípusokat egyéni betűtípus-azonosító szerint jelöli kedvencnek.
- A Google, Adobe és szabványos betűtípusokat forrás és betűcsaládnév szerint.

A kedvencek hatnak a font-family vezérlőre:

- Ha nincs mentett kedvenc, a font-family legördülő minden elérhető betűtípust mutat.
- Ha vannak kedvencek, azok a legördülő tetején jelennek meg.
- A **Bricks → Beállítások → Szerkesztő** oldal betűcsalád-beállításainál kiválaszthatod a **Csak a kedvencek megjelenítése** lehetőséget.

Ha a **Csak a kedvencek megjelenítése** be van kapcsolva, a Bricks a jelenleg kiválasztott betűtípust akkor is mutatja a legördülőben, ha az nem kedvenc. Így a meglévő tipográfiai beállítások nem válnak láthatatlanná szerkesztés közben.

## Egyéni betűtípus létrehozása

1. Nyisd meg a Betűtípuskezelőt.
2. Kattints a hozzáadás ikonra (**+**).
3. Add meg a betűcsalád nevét.
4. Adj hozzá egy vagy több betűtípusváltozatot.
5. Mentsd a szerkesztőt.

Ha a hozzáadásra kattintasz, a Bricks egy üres, vázlat egyéni betűtípus-rekordot hoz létre. Ha betűcsaládnév és feltöltött változat nélkül zárod be a szerkesztőt, a Bricks törli az üres vázlatot.

### Egyetlen változat hozzáadása

Az egyéni betűtípuson belül kattints a hozzáadásra, hogy változatsort hozz létre. Minden változatnál megadható:

- **Betűtípusfájl:** válassz egy támogatott betűtípusfájlt a médiatárból.
- **Betűvastagság:** 100-tól 900-ig.
- **Betűstílus:** normál, dőlt vagy ferde (oblique).
- **Unicode-tartomány:** opcionális. Akkor használd, ha egy változatnak csak egy meghatározott karaktertartományra kell betöltődnie.

A támogatott feltöltési formátumok:

- `.woff2`
- `.woff`
- `.ttf`

A Bricks a fájlt kiterjesztés és MIME-típus alapján érvényesíti. A felhasználónak WordPress-feltöltési jogosultságra is szüksége van.

### Több változat importálása

Kattints az importálásra, hogy egyszerre több `.woff2`, `.woff` vagy `.ttf` fájlt tölts fel. A Bricks feldolgozza a fájlokat, és megpróbálja a fájl metaadataiból felismerni a betűvastagságot és a betűstílust.

Ha a Bricks nem tudja felismerni a vastagságot vagy a stílust, a változat `400` és `normal` értékre áll vissza. Mentés előtt nézd át az importált változatokat, különösen, ha a betűcsaládnak több vastagsága vagy dőlt stílusa van.

A Bricks figyelmeztet, ha a változatok átfedik egymást. Két változat akkor fedi át egymást, ha azonos a vastagságuk és a stílusuk, és vagy egyiknek sincs unicode-tartománya, vagy azonos a unicode-tartományuk.

## Google-betűtípusok helyi letöltése

A **Google betűtípusok** lap felsorolja a Google-betűtípusokat, hacsak a Bricks beállításaiban nincs letiltva a Google Fonts.

Google-betűtípus helyi letöltése:

1. Nyisd meg a Google forrást.
2. Keresd meg a betűtípust.
3. Kattints a letöltés ikonra.
4. Várd meg a sikerüzenetet.

A Bricks lekéri a Google Fonts CSS-t, letölti a hivatkozott betűtípusfájlokat, egyéni betűtípus-rekordot hoz létre, a fájlokat a WordPressben menti, és hozzáadja a betűtípust az Egyéni forráshoz. A letöltés után a Google-betűtípus kártyája jelzi, hogy már le van töltve.

A letöltött Google-betűtípusok egyéni betűtípusok. Ha meg akarod nézni vagy módosítani a tárolt változatokat, az Egyéni forrásból szerkeszd őket.

## Adobe és szabványos betűtípusok

Az Adobe-betűtípusok akkor jelennek meg, ha a Bricks beállításaiban meg van adva és szinkronizálva van egy Adobe Fonts projektazonosító. Részletek az [Adobe Fonts integráció](https://hub.hellowp.io/hu/plugins/bricks-child/stilusok-adobe-fonts/) fejezetben. A Betűtípuskezelő az Adobe-betűtípusok neveit mutatja, de a tipográfiai vezérlőkben használt tényleges CSS-betűcsalád lehet az Adobe slug vagy a szinkronizált CSS-nevek egyike.

A szabványos betűtípusok rendszerbetűtípus-családok. Nem igényelnek fájlfeltöltést vagy külső betűtípus-CSS betöltését.

## Egyéni betűtípusok szerkesztése

Az egyéni betűtípusok és a letöltött Google-betűtípusok szerkeszthetők.

Az egyéni betűtípus szerkesztőjében:

- átnevezheted a betűcsaládot,
- hozzáadhatsz, eltávolíthatsz vagy lecserélhetsz változatfájlokat,
- módosíthatod a változat vastagságát vagy stílusát,
- hozzáadhatsz vagy szerkeszthetsz unicode-tartományokat,
- kedvencnek jelölheted a betűtípust,
- kukába helyezheted.

Az egyéni betűtípus átnevezése megváltoztatja a rekord által használt betűcsaládnevet. Átnevezés után nézd át a meglévő tipográfiai beállításokat, főleg, ha a régi nevet egyéni CSS-ben használtad.

Ha változatfájlokat szerkesztesz, a Bricks frissíti az egyéni betűtípus adatait, és mentéskor újragenerálja az egyéni `@font-face` CSS-t, hogy a frissített betűtípus használható legyen a szerkesztőben és a frontenden.

## Kuka, visszaállítás és végleges törlés

Ha egy egyéni betűtípust a kukába helyezel, az eltűnik az aktív Egyéni betűtípusok listából és a Kedvencek közül is.

A kukában lévő betűtípusok megtekintéséhez kattints a Betűtípuskezelő kuka ikonjára. Itt:

- **Visszaállítás:** kiveszed a betűtípust a kukából, és újra közzéteszed.
- **Végleges törlés:** törlöd az egyéni betűtípus rekordját és a tárolt betűtípusfájl-mellékleteket.

A végleges törlés a Betűtípuskezelőből nem vonható vissza. Csak akkor használd, ha biztos vagy benne, hogy a betűtípusra már nincs szükség.

## Betöltési viselkedés

Az egyéni betűtípusok azért érhetők el, mert a Bricks a mentett változatokból `@font-face` szabályokat generál. Minden változathoz a mentett betűcsaládot, vastagságot, stílust, az opcionális unicode-tartományt és a fájl-URL-eket használja. A generált forráslistákban elsőként a WOFF2 fájlokat részesíti előnyben, ha vannak.

A Bricks nem tölt be Google-betűtípust a Google-től, ha ugyanilyen betűcsaládnevű egyéni betűtípus létezik. Így egy helyben tárolt egyéni betűtípust nem ír felül ugyanilyen nevű Google-betűtípus.

### Egyéni betűtípusok előtöltése

A **Bricks → Beállítások → Teljesítmény** oldalon kapcsold be az **Egyéni betűkészletek előtöltése** beállítást, hogy előtöltési címkék kerüljenek azokhoz az egyéni betűtípusokhoz, amelyeket a Bricks az aktív oldal kimenetében észlel.

Bekapcsolt beállításnál a Bricks átvizsgálja az aktív sablonstílusokat, a fejlécet, a tartalmat, a láblécet, az oldalbeállításokat, a sablonbeállításokat, a globális osztálybeállításokat és a komponenspéldányok beállításait egyéni betűtípus-használat után. Ezután előtölti a megfelelő `.woff2`, `.woff` vagy `.ttf` fájlokat.

Az automatikus előtöltéshez az egyéni betűcsaládot és a megfelelő vastagságot/stílust együtt kell megadni a Bricks tipográfiai beállításaiban. A Bricks nem old fel minden lehetséges örökölt CSS-kombinációt. Ha például egy elem a betűcsaládot a szülőjétől örökli, de önmagán csak `font-weight: 700` van megadva, lehet, hogy a Bricks nem tölti elő automatikusan a 700-as betűtípusfájlt. Adj meg kifejezetten betűcsaládot és vastagságot/stílust a tipográfiai vezérlőben, ha az adott változatot elő kell tölteni.

Az előtöltés javíthatja a fontos, oldal tetején látható betűtípusok észlelt betöltését, de óvatosan használd. Túl sok betűtípusfájl előtöltése ronthatja a teljesítményt.

### Webbetűtípus betöltési módja

Az olyan webbetűtípusoknál, mint a Google Fonts, a Bricks beállításai tartalmaznak egy webbetűtípus betöltési mód beállítást. Az alapértelmezett a stíluslapos betöltés. A Webfont Loader beállítás elrejtheti az oldal tartalmát, amíg a webbetűtípusok be nem töltődnek, ezzel csökkentve a formázatlan szöveg villanását.

Ez a beállítás független az egyéni betűtípusok előtöltésétől.

## Hibaelhárítás

### Hiányzik a Betűtípuskezelő ikonja

Nézd meg a felhasználó szerkesztői jogosultságait: a felhasználónak **Betűtípus-kezelő elérése** jogosultságra van szüksége.

### Egy Google-betűtípus nem jelenik meg

Lehet, hogy a Google Fonts le van tiltva a Bricks beállításaiban. Ha le van tiltva, a Betűtípuskezelő Google forrása a lista helyett letiltásról szóló üzenetet mutat.

### Egy letöltött Google-betűtípus még mindig a Google-listában van

Ez így várt. A Google forrás továbbra is a Google-betűtípusok böngészője marad. A letöltés után a helyi változat az Egyéni forrásban érhető el, és a Google-kártya letöltött állapotot mutat.

### Egy egyéni betűtípus nem jelenik meg a tipográfiai vezérlőben

Ellenőrizd, hogy a betűtípusnak van-e betűcsaládneve és legalább egy mentett változata, és hogy a módosítás után mentetted-e a szerkesztőt. Győződj meg arról is, hogy a betűtípus nem a kukában van.

### Egy változat rossz vastagsággal vagy stílussal töltődik be

Szerkeszd az egyéni betűtípust, és nézd át az egyes változatokat. A tömeges importálás megpróbálja a betűtípus metaadataiból felismerni a vastagságot és a stílust, de lehet, hogy kézzel kell beállítanod.

### A betűtípusfájlokat nem lehet feltölteni

Ellenőrizd, hogy a fájl `.woff2`, `.woff` vagy `.ttf`, hogy az aktuális felhasználónak van feltöltési jogosultsága, és hogy a webhely a Betűtípuskezelő jogosultsági útvonalán engedélyezi ezeket a MIME-típusokat.

### Egyéni betűtípus helyett a rossz Google-betűtípus töltődik be

Ha egy egyéni betűtípusnak és egy Google-betűtípusnak azonos a betűcsaládneve, a Bricks kihagyja a Google-betűtípust a frontend webbetűtípus-hivatkozások generálásakor. Ha még mindig váratlan betűtípust látsz, keress egyéni CSS-t vagy harmadik féltől származó betűtípus-betöltést a Bricks-en kívül.