Przejdź do treści

Rozmiar czcionki na fakturze – jak ustawić przez CSS

Wyświetleń: 8803 2 min czytania

Rozmiar czcionki na fakturze możesz zmienić za pomocą kodu CSS w ustawieniach konta - bez edytowania szablonów systemowych czy tworzenia własnego. Opcja przyda się, gdy domyślna czcionka jest za mała lub za duża na wydruku lub w eksportowanym PDF. Kod działa globalnie dla wszystkich szablonów i nadpisuje style zdefiniowane w edytorze szablonu.

Jak zmienić rozmiar czcionki na fakturze?

Wpisz kod CSS w ustawieniach konta, przechodząc kolejno przez poniższe kroki.

  1. Przejdź do zakładki Ustawienia > Ustawienia konta > WydrukiUstawienia konta w systemie Fakturownia z aktywną zakładką wydruki.
  2. Znajdź sekcję Konfiguracja i w polu Konfiguracja wydruku przez CSS wklej poniższy kod:
  3. .invoice_outline * {
        font-size: 20px;
    } 
    Ustawienia wydruków z opcja konfiguracji wielkości czcionki za pomocą CSS.
  4. Zmień wartość 20px na wybraną przez siebie - wyższa wartość oznacza większą czcionkę, niższa - mniejszą. 
  5. Kliknij Zapisz aby zatwierdzić zmiany.
UWAGA! Zmiana rozmiaru czcionki przez powyższy CSS wpływa tylko na wydruk i pobrane PDF - widok faktury w systemie pozostaje bez zmian.
 
WSKAZÓWKA! Jeśli wpiszesz błędny kod CSS, system go zapisze, ale nie zastosuje żadnych zmian na wydruku - nie pojawi się komunikat o błędzie. Sprawdź składnię kodu przed zapisaniem. Ustawienie CSS działa globalnie - obejmuje wszystkich użytkowników konta i wszystkie szablony faktur. Nie możesz ustawić osobnego rozmiaru czcionki dla poszczególnych szablonów, działów ani użytkowników.

Jak zmienić rozmiar czcionki, by zmiana była widoczna od razu w systemie i dla wszystkich dokumentów?

Aby zmiana rozmiaru czcionki w dokumentach była od razu widoczna w widoku systemowym, konieczne jest zastosowanie dyrektywy !important, która wymusi użycie zdefiniowanego stylu. Wklej poniższy kod w polu Konfiguracja wydruku przez CSS i zatwierdź zmiany przyciskiem Zapisz.

@media all {
    .invoice_outline * {
        font-size: 15px !important;
    }
}

Zmień w kodzie wartość 15px na taką, która najlepiej odpowiada Twoim potrzebom. Zastosowanie tego kodu spowoduje zmianę rozmiaru czcionki we wszystkich typach dokumentów. Efekt będzie widoczny nie tylko w pobranych PDF i na wydrukach, ale również bezpośrednio w widoku systemowym.

Czy ten wpis był pomocny?

Udostępnij

Główna odpowiedź Piotr 2018-08-31 16:55

Witam, opcja zmian poprzez kody CSS i zmiany własne szablonu są dostępne w płatnych pakietach abonamentowych.
Przesyłam link do cennika: https://fakturownia.pl/cennik.
Pozdrawiam,
Piotr

Komentarze (14)

Anonymous 2018-08-31 16:52

Dlaczego nie mozna zwiekszyc czcionki w plane Micro ?

Piotr Wajszczuk
Piotr 2018-08-31 16:55 Główna odpowiedź

Witam, opcja zmian poprzez kody CSS i zmiany własne szablonu są dostępne w płatnych pakietach abonamentowych.
Przesyłam link do cennika: https://fakturownia.pl/cennik.
Pozdrawiam,
Piotr

Anonymous 2019-01-10 14:42

Jak zwiększyć kwotę do zapłaty w szablonie default?

Piotr Wajszczuk
Piotr 2019-01-10 16:47 Odpowiedź

Witam, zwiększenie wielkości pola do zapłaty można uzyskać za pomocą następującego kodu css:

}@media all{
.clean.to_pay .inv_to_pay td{
font-size:20px;
}
}

Pozdrawiam,
Piotr

Piotr Wajszczuk
Piotr 2019-01-10 16:56 Odpowiedź
Anonymous 2020-01-30 11:39

jak zwiększyć trzcionkę na ekranie tel huawei mp10

Daniel Witecki !!
Daniel 2020-02-11 11:32

Witam,



Witam, 

Czcionkę na całej fakturze należy powiększyć  przy użyciu powyższej instrukcji korzystając z komputera, lub przeglądarki internetowej w telefonie. Niezależnie czy fakturę wyślemy z telefonu czy komputera wysłany plik pdf będzie miał powiększoną czcionkę. Jeżeli chcieliby Państwo powiększyć widoczność elementów w samej aplikacji na swoim telefonie to należy to zrobić z poziomu ustawień telefonu.



Pozdrawiam, Daniel

Anonymous 2020-07-09 21:09

Czy można zwiększyć wielkość czcionki danych Nabywcy na fakturze w szablonie default ?
Księgowa wytrzeszcza oczy :)

Daniel Witecki !!
Daniel 2020-07-10 12:47

Witam,

Aby zwiększyć dane Nabywcy na wydruku PDF należy użyć poniższego kodu w polu konfiguracji wydruku przez CSS:

 .buyer {
    font-size: 20px;
  }
  #buyer {
    font-size: 20px;
  }

Pozdrawiam,
Daniel

Anonymous 2026-02-11 10:04

Dzień dobry.

Jaką instrukcję należy wpisać w Ustawienia konta>Wydruki > Konfiguracja wydruku przez CSS aby Dodatkowe uwagi (drukowane na dole strony) miały czcionkę dwa razy większą?

Pozdrawiam,
Łukasz.

Daniel Mosteniec 2026-07-15 14:56

Witam, prowadzę sklepy medyczne i podobnie jak inni przedsiębiorcy z mojej branży korzystam Fakturowni.
Osobiście wykorzystuję szablon “Gray”

Jakiego kodu CSS użyć by:
Zmniejszyć czcionkę w polu “Do zapłaty:”
Zwiększyć czcionkę w polu “Kwota opłacona:”

Lub najlepiej zamienić miejscami “Kwota opłacona:” z “Kwota do zapłaty:”

Milena 2026-07-17 11:17 Odpowiedź

Dzień dobry,

zmiana miejscami ‘Kwoty opłaconej’ i ‘Kwoty do zapłaty’ wymagałaby utworzenia własnego szablonu na bazie kodu szablonów systemowych. Opcja ta jest dostępna od planu Standard zgodnie z instrukcją https://pomoc.fakturownia.pl/159139-jak-przygotowac-wlasny-szablon-faktury. Nie przygotowujemy customowych wersji szablonu.

Jeśli chodzi o zmniejszenie i zwiększenie wartości to dla szablonu gray powinien zadziałać kod CSS:
}
@media all {

#outstanding_field .to-pay {
font-size: 8pt !important;
}

#paid_field {
font-size: 20pt !important;
}
}

Pierwsza część dotyczy wartości w do zapłaty, a druga całej linii kwota opłacona 100 zł. Kod CSS nie pozwolił na zmianę się wyłącznie wielkości wartości w kwocie opłaconej dla tego szablonu.

Pozdrawiamy
zespół Fakturowni

Daniel Mosteniec 2026-07-20 09:38

Zadziałało, dziękuję pięknie i pozdrawiam.

Milena 2026-07-20 15:30 Odpowiedź

Dzień dobry,

dziękujemy za informację zwrotną.

Pozdrawiamy
zespół Fakturowni