Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2021 (test 2)


PYTANIE NR 25.
W stylu CSS aby zadeklarować krój czcionki, należy użyć właściwości
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Właściwość font-family służy do wskazania rodziny (kroju) czcionki używanej do renderowania tekstu, np. Arial, "Times New Roman" lub lista fontów zapasowych. font-size określa rozmiar, font-style styl (np. kursywa), a @font-face to reguła do definiowania własnego fontu, nie właściwość.

Pełne wyjaśnienie:

W CSS "krój czcionki" (czyli rodzina fontów użyta do wyświetlania tekstu) deklaruje się przez właściwość font-family. To ona wskazuje nazwę fontu lub listę fontów, które przeglądarka ma kolejno próbować zastosować (mechanizm fallback), np. gdy dany font nie jest dostępny na urządzeniu użytkownika.

Pozostałe odpowiedzi dotyczą innych aspektów typografii lub mają inny status składniowy:

  • font-size nie wybiera kroju, tylko ustawia rozmiar tekstu (np. 16px, 1rem). Częsty błąd polega na utożsamianiu "czcionki" wyłącznie z jej wielkością.
  • font-style odpowiada za styl zapisu, np. normal/italic/oblique. Zmienia więc pochylenie (kursywę), ale nie przełącza rodziny fontów.
  • @font-face (często mylnie zapisywane jako "font-face") to nie właściwość, lecz reguła (at-rule) służąca do zdefiniowania zewnętrznego fontu (np. z pliku .woff/.woff2), który dopiero potem można przypisać przez font-family.

W praktyce projektowania stron najpierw definiuje się zasady typografii (rodziny fontów dla tekstu i nagłówków) właśnie przez font-family, a dopiero później dopasowuje rozmiar, styl i grubość. Na egzaminie warto pamiętać: "family" = rodzina/kroj, "size" = rozmiar, "style" = kursywa/pochylenie, a "@font-face" = import/definicja własnego fontu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest właściwość font-family w CSS?
font-family to właściwość CSS określająca rodzinę (krój) czcionki, którą przeglądarka ma użyć do wyświetlenia tekstu. Zwykle podaje się listę fontów zapasowych, np. Arial, Helvetica, sans-serif, aby zapewnić poprawne wyświetlanie na różnych systemach.
Jak ustawić krój czcionki dla całej strony w CSS?
Najczęściej ustawia się font-family dla elementu body, aby odziedziczyły ją potomne elementy. Przykład: body { font-family: Arial, sans-serif; }. Potem możesz nadpisać font dla nagłówków lub wybranych sekcji.
Dlaczego font-size nie służy do ustawiania kroju czcionki?
font-size opisuje wyłącznie wielkość liter (np. 16px, 1rem), a nie nazwę fontu. Krój czcionki dotyczy tego, jak wygląda dany font (rodzina), więc wybiera się go przez font-family.
Co robi font-style i kiedy się go używa?
font-style ustawia styl pisma, np. normal lub italic. Używa się go, gdy chcesz włączyć kursywę (jeśli font ją posiada) bez zmiany rodziny czcionek. Nie zastępuje to wyboru kroju, który realizuje font-family.
Czy font-face to poprawna właściwość CSS?
Nie. W CSS występuje reguła @font-face, a nie właściwość font-face. @font-face służy do zdefiniowania własnego fontu (np. z pliku .woff2), a następnie używa się go przez ustawienie font-family.
Jak działa @font-face w praktyce na stronie?
@font-face deklaruje źródło pliku fontu i nazwę, pod którą będzie używany. Potem w regułach stylów stosujesz tę nazwę w font-family. To rozdziela etap "dostarczenia fontu" od etapu "przypisania fontu do tekstu".
Jakie są zasady stosowania fontów zapasowych w font-family?
W font-family podawaj kilka fontów od najbardziej preferowanego do najbardziej ogólnego. Na końcu dodaj rodzinę generyczną typu serif lub sans-serif. Dzięki temu, gdy font nie jest dostępny, przeglądarka wybierze najbliższy odpowiednik.
Jakie błędy najczęściej robi się w pytaniach o font-family na egzaminie?
Najczęstsze błędy to mylenie font-family z font-size (bo oba zaczynają się od "font-"), oraz traktowanie @font-face jak właściwości. Warto pamiętać: "family = rodzina/kroj", "size = rozmiar", a "@font-face = definicja fontu".
Dlaczego warto znać różnicę między właściwością a regułą @font-face?
Właściwości (np. font-family) ustawiają wygląd elementu, a reguły typu @font-face definiują zasoby i zasady na poziomie arkusza stylów. Ta różnica pomaga poprawnie pisać CSS oraz rozumieć, dlaczego "@" pojawia się tylko w niektórych konstrukcjach.
Jak przygotować się do pytań o typografię CSS w INF.3?
Przećwicz zestaw: font-family, font-size, font-style, font-weight i @font-face. Rób krótkie zadania: ustaw font dla body, dodaj fallback, włącz kursywę dla cytatów. Na egzaminie czytaj uważnie słowa "krój/rodzina", "rozmiar" i "styl".
info

To pytanie poprawnie rozwiązuje 84% zdających egzamin. średnio łatwe

W praktyce zawodowej kluczowe jest to, że właściwość font-family służy do wskazania rodziny (kroju) czcionki używanej do renderowania tekstu, np. Arial, "Times New Roman" lub lista fontów zapasowych.

Źródła:

  • MDN Web Docs: "font-family" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/font-family (dostęp: 2026-02-27)
  • MDN Web Docs: "@font-face" — https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face (dostęp: 2026-02-27)
  • MDN Web Docs: "font-style" — https://developer.mozilla.org/en-US/docs/Web/CSS/font-style (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN: font-family, font-style, font-size, @font-face
  • Kurs podstaw CSS (sekcja: typografia)
  • Ćwiczenia: tworzenie reguł CSS dla tekstu z fontami zapasowymi i różnymi stylami
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego