--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/customization/custom-fonts' title: 'Używaj czcionek marki na stronach kreatora | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T11:37:17+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Kreator DXPR nie ma własnego ustawienia czcionek: tekst na stronach kreatora używa czcionek twojego motywu. Aby je zmienić, wczytujesz font internetowy w motywie i kierujesz na niego CSS motywu. Na końcu każda strona kreatora pokazuje czcionkę marki, w edytorze i u odwiedzających. Jeśli witryna działa na motywie DXPR, wybierz czcionki w jego ustawieniach motywu.' tags: - 'Je huisstijl toepassen' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T11:37:17+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Używaj czcionek marki na stronach kreatora' description: 'Kreator DXPR nie ma własnego ustawienia czcionek: tekst na stronach kreatora używa czcionek twojego motywu. Aby je zmienić, wczytujesz font internetowy w motywie i kierujesz na niego CSS motywu. Na końcu każda strona kreatora pokazuje czcionkę marki, w edytorze i u odwiedzających. Jeśli witryna działa na motywie DXPR, wybierz czcionki w jego ustawieniach motywu.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T11:37:17+0000' dateModified: '2026-10-24T11:37:17+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/documentation/learn-dxpr-builder/customization/custom-fonts' articleSection: 'Je huisstijl toepassen' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/customization/custom-fonts' description: 'Kreator DXPR nie ma własnego ustawienia czcionek: tekst na stronach kreatora używa czcionek twojego motywu. Aby je zmienić, wczytujesz font internetowy w motywie i kierujesz na niego CSS motywu. Na końcu każda strona kreatora pokazuje czcionkę marki, w edytorze i u odwiedzających. Jeśli witryna działa na motywie DXPR, wybierz czcionki w jego ustawieniach motywu.' 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 --- [Help Center](/pl/hc)/[Documentation](/pl/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Je huisstijl toepassen](/hc/documentation/learn-dxpr-builder/customization) # Używaj czcionek marki na stronach kreatora. Learn DXPR BuilderManage the siteJe huisstijl toepassen ## In this guide Related guides - [Styluj treści kreatora CSS motywu](/pl/hc/documentation/learn-dxpr-builder/customization/custom-css) - [Typography](/hc/documentation/learn-dxpr-builder/element-settings/typography) - [Biblioteki ikon](/pl/hc/documentation/learn-dxpr-builder/customization/icon-libraries) Kreator DXPR nie ma własnego ustawienia czcionek: tekst na stronach kreatora używa czcionek twojego motywu. Aby je zmienić, wczytujesz font internetowy w motywie i kierujesz na niego CSS motywu. Na końcu każda strona kreatora pokazuje czcionkę marki, w edytorze i u odwiedzających. Jeśli witryna działa na motywie DXPR, wybierz czcionki w jego ustawieniach motywu. ## Zanim zaczniesz - Potrzebujesz dostępu do plików motywu; użyj własnego motywu albo submotywu. - Sprawdź, czy licencja czcionki zezwala na użycie w witrynie internetowej. - Kroki używają biblioteki `global-styling` i `css/custom.css` ze strony [własny CSS](/hc/documentation/learn-dxpr-builder/customization/custom-css). ## Konfiguracja 1. Dodaj arkusz stylów czcionki do biblioteki w `mytheme.libraries.yml`. Dla czcionki Google: ```yaml global-styling: css: theme: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap': { type: external } css/custom.css: {} ``` 2. Ustaw czcionkę w `css/custom.css`: ```css body { font-family: 'Inter', sans-serif; } ``` 3. Wyczyść pamięci podręczne w **Configuration** > **Development** > **Performance** (`/admin/config/development/performance`). 4. Otwórz stronę w kreatorze i spójrz na element **Text**. ## Hostuj czcionkę samodzielnie Czcionka hostowana samodzielnie unika żądania do strony trzeciej, co może mieć znaczenie dla przepisów o prywatności. 1. Pobierz czcionkę w formacie WOFF2 i umieść pliki w katalogu `fonts/` motywu. 2. Zadeklaruj każdą grubość w `css/custom.css`, powyżej reguły z kroku 2: ```css @font-face { font-family: 'BrandFont'; src: url('../fonts/brandfont.woff2') format('woff2'); font-weight: 400; font-display: swap; } ``` 3. Użyj `'BrandFont'` w regułach `font-family`, usuń wiersz Google z biblioteki i wyczyść pamięci podręczne. ## Co widzisz Tekst w każdym elemencie kreatora używa nowej czcionki, w trybie edycji i na opublikowanej stronie. Panel **Style** każdego elementu nadal ustawia rozmiar i kolor; zobacz [zmianę rozmiaru i koloru tekstu](/hc/documentation/learn-dxpr-builder/element-settings/typography). Przycisk **Font family** edytora tekstu jest domyślnie wyłączony. Wymienia standardowe bezpieczne czcionki CKEditor, nie twoje, więc trzymaj go wyłączonego, aby redaktorzy pozostali przy marce. ## Motyw DXPR Motyw DXPR ma własne ustawienia czcionek. Przejdź do **Appearance**, otwórz ustawienia motywu DXPR (`/admin/appearance/settings/dxpr_theme`) i rozwiń **Fonts**. Ustawia osobno **Base Font**, **Headings**, **Navigation**, **Site Name** i **Blockquote**, więc nie potrzebujesz do nich CSS. ## Jeśli nie widzisz czcionki - **Tekst nadal pokazuje starą czcionkę.** Biblioteka nie jest wczytana albo pamięć podręczna trzyma stary CSS. Sprawdź, czy `mytheme.info.yml` wymienia bibliotekę, potem wyczyść pamięci podręczne w `/admin/config/development/performance`. - **Nagłówki albo niektóre pola zachowują inną czcionkę.** Reguła motywu dla tego elementu jest bardziej szczegółowa niż `body`. Zbadaj tekst w przeglądarce i dodaj jego selektor do swojej reguły. - **Jeden akapit pokazuje inną czcionkę.** Redaktor zastosował do niego **Font family**. Zaznacz tekst i kliknij **Remove format**, potem odznacz **Font family** w profilu; zobacz [edytor tekstu](/hc/documentation/learn-dxpr-builder/customization/text-editor#toolbar-buttons-per-role). ## Co dalej? - [Własny CSS](/hc/documentation/learn-dxpr-builder/customization/custom-css): biblioteka i arkusz stylów, na których opierają się te kroki. - [Zmiana rozmiaru i koloru tekstu](/hc/documentation/learn-dxpr-builder/element-settings/typography): co redaktorzy ustawiają dla elementu. - [Biblioteki ikon](/hc/documentation/learn-dxpr-builder/customization/icon-libraries): fonty ikon dostarczane z kreatorem DXPR.