--- url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/font-awesome-7' title: 'Font Awesome 7 w DXPR Builder | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:56:40+00:00' updated: '2026-10-24T19:36:26+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'DXPR Builder aktualizuje dołączone ikony Font Awesome Free z wersji 6.7.2 do 7.3.1. Strony działają dalej bez żadnych edycji: każda ikona na zapisanej stronie nadal się renderuje, w tym samym rozmiarze i pozycji. Same ikony są przerysowane, więc wyglądają nieco inaczej. Ta strona pokazuje zmianę i wymienia nieliczne przypadki wymagające sprawdzenia po aktualizacji.' tags: - 'Install and update' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T19:36:26+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Font Awesome 7 w DXPR Builder' description: 'DXPR Builder aktualizuje dołączone ikony Font Awesome Free z wersji 6.7.2 do 7.3.1. Strony działają dalej bez żadnych edycji: każda ikona na zapisanej stronie nadal się renderuje, w tym samym rozmiarze i pozycji. Same ikony są przerysowane, więc wyglądają nieco inaczej. Ta strona pokazuje zmianę i wymienia nieliczne przypadki wymagające sprawdzenia po aktualizacji.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T13:56:40+0000' dateModified: '2026-10-24T19:36:26+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/font-awesome-7' articleSection: 'Instalacja i aktualizacja' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/font-awesome-7' description: 'DXPR Builder aktualizuje dołączone ikony Font Awesome Free z wersji 6.7.2 do 7.3.1. Strony działają dalej bez żadnych edycji: każda ikona na zapisanej stronie nadal się renderuje, w tym samym rozmiarze i pozycji. Same ikony są przerysowane, więc wyglądają nieco inaczej. Ta strona pokazuje zmianę i wymienia nieliczne przypadki wymagające sprawdzenia po aktualizacji.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/dokumentacja) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Zacznij tutaj](/pl/hc/documentation/learn-dxpr-builder/start-here) /[Instalacja i aktualizacja](/pl/hc/documentation/learn-dxpr-builder/start-here/install) # Font Awesome 7 w DXPR Builder. Poznaj DXPR BuilderZacznij tutajInstalacja i aktualizacja ## W tym przewodniku Powiązane przewodniki - [Biblioteki ikon](/pl/hc/dokumentacja/nauka-dxpr-builder/dostosowanie/biblioteki-ikon) - [Dodawanie ikony](/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/ikona) - [Aktualizuj DXPR Builder](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/aktualizowanie) - [Dziennik zmian](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/dziennik-zmian) DXPR Builder aktualizuje dołączone ikony Font Awesome Free z wersji 6.7.2 do 7.3.1. Strony działają dalej bez żadnych edycji: każda ikona na zapisanej stronie nadal się renderuje, w tym samym rozmiarze i pozycji. Same ikony są przerysowane, więc wyglądają nieco inaczej. Ta strona pokazuje zmianę i wymienia nieliczne przypadki wymagające sprawdzenia po aktualizacji. ## Co zmienia się na twoich stronach - **Nowe wzory ikon.** Font Awesome 7 przerysowuje ikony cięższymi, bardziej okrągłymi kształtami. Ikony Regular (konturowe) dostają grubsze linie. Logo marek prawie bez zmian. - **Ten sam układ.** Font Awesome 7 nadaje domyślnie każdej ikonie stałą szerokość, co przesunęłoby wąskie ikony w prawo. DXPR Builder zachowuje zachowanie Font Awesome 6 na swoich stronach i w edytorze, więc ikony zachowują pozycję i odstępy. Kilka przerysowanych ikon jest nieco węższych, na przykład house i truck. Ikony z klasą `fa-fw`, na przykład linki społecznościowe, zachowują stałą szerokość jak wcześniej. - **Te same nazwy klas.** Zapisane strony zachowują swoje klasy ikon, na przykład `fas fa-house`. Klasy z Font Awesome 4 i 5 działają dalej przez style zgodności, które wciąż obejmują te same 464 stare nazwy. ## Przed i po Każdy kafelek pokazuje jedną ikonę dwukrotnie. Szara ikona po lewej to Font Awesome 6.7.2; czarna ikona po prawej to Font Awesome 7.3.1. ## Nowe ikony Selektor ikon wymienia teraz 1992 darmowe ikony, zamiast 1895. | Styl | Font Awesome 6.7.2 | Font Awesome 7.3.1 | |---|---|---| | Solid | 1402 | 1422 | | Regular | 163 | 169 | | Brands | 495 | 572 | 103 nowe ikony to między innymi logo marek, na przykład Claude, Copilot, Gemini, Fediverse, Codeberg i Forgejo, oraz znaki zodiaku. ## Ikony o zmienionych i usuniętych nazwach Pięć ikon ma nowe nazwy. Strony używające starych nazw nadal pokazują ikonę, ponieważ Font Awesome 7 wciąż je akceptuje. Selektor ikon oferuje tylko nowe nazwy. | Stara nazwa | Nowa nazwa | |---|---| | `user-large` | `user` | | `user-large-slash` | `user-slash` | | `headphones-simple` | `headphones` | | `handshake-simple` | `handshake` | | `handshake-simple-slash` | `handshake-slash` | Jedna ikona opuszcza darmowy zestaw: `vector-square`. Font Awesome 7 oferuje ją tylko w płatnej edycji Pro, więc strona używająca `fa-vector-square` nie pokazuje ikony po aktualizacji. Zastąp ją darmową ikoną, na przykład `draw-polygon` albo `object-group`. ## Co zostaje bez zmian - **Licencja.** Font Awesome Free zachowuje te same warunki. Ikony używają CC BY 4.0, czcionki SIL OFL 1.1, a kod MIT. - **Nazwy bibliotek.** Biblioteka Drupala zachowuje swoją nazwę maszynową, `dxpr_builder/elements.font_awesome_6_free`, ponieważ odnoszą się do niej zapisane strony i własny kod. Wczytuje teraz Font Awesome 7. - **Wsparcie przeglądarek.** Font Awesome 7 dostarcza tylko czcionki WOFF2. Każda przeglądarka wspierana przez DXPR Builder czyta WOFF2. ## Sprawdź swoją witrynę po aktualizacji 1. **Przeszukaj treść pod kątem `fa-vector-square`** i zastąp jak wyżej. 2. **Sprawdź własny CSS motywu rysujący ikony Font Awesome samodzielnie.** Font Awesome 7 zmienia nazwy swoich czcionek na „Font Awesome 7 Free” i „Font Awesome 7 Brands”. CSS ustawiający `font-family` na „Font Awesome 6 Free” albo „Font Awesome 6 Brands” wraz z punktem kodowym `content` przestaje pokazywać ikonę. Użyj nowych nazw albo właściwości własnych `--fa-family-classic` i `--fa-family-brands` dostarczanych przez Font Awesome 7. 3. **Sprawdź kod motywu polegający na `sr-only`.** Font Awesome 6 definiowało klasę `sr-only`, a Font Awesome 7 nie. Tekst ukryty przez motyw za jej pomocą staje się widoczny. Motywy Bootstrap 5 mogą zamiast tego użyć `visually-hidden`. 4. **Sprawdź ikony motywu poza treścią DXPR Builder.** Ikony renderowane przez twój motyw poza stroną DXPR Builder, na przykład w menu albo stopce, podążają za stałą szerokością Font Awesome 7. Aby zachować tam stare szerokości, ustaw `--fa-width: auto` na ich kontenerze. 5. **Wyczyść cache.** Uruchom `drush cr` i wyczyść cache CDN albo reverse proxy, aby odwiedzający otrzymali nowe arkusze stylów i czcionki. ## Co dalej? - [Biblioteki ikon](/pl/hc/dokumentacja/nauka-dxpr-builder/dostosowanie/biblioteki-ikon): zestawy ikon dostarczane z DXPR Builder i jak je ograniczać na rolę. - [Dodawanie ikony](/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/ikona): umieszczaj i styluj ikony na stronie. - [Aktualizacja DXPR Builder](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/aktualizowanie): aktualizuj moduł bezpiecznie. - [Dziennik zmian](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/dziennik-zmian): co zmienia się w każdym wydaniu.