KWALIFIKACJA INF3 - STYCZEŃ 2015

PYTANIE NR 2.
Właściwość CSS służąca do określenia nazwy czcionki to
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna jest odpowiedź "font-family", bo ta właściwość CSS definiuje rodzinę/nazwę czcionki (może też zawierać listę zapasową).
Pozostałe opcje dotyczą innych cech: color ustawia kolor tekstu, font-size rozmiar, a text-decoration dekoracje typu podkreślenie.

Pełne wyjaśnienie:

W CSS za określenie nazwy (rodziny) czcionki odpowiada właściwość font-family. Umożliwia wskazanie konkretnej czcionki lub listy czcionek zapasowych, np. gdy użytkownik nie ma zainstalowanej pierwszej pozycji z listy.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • color dotyczy wyłącznie barwy tekstu. Nie zmienia kroju pisma, a jedynie jego kolor (np. czarny, czerwony lub zapis w RGB/HEX).
  • text-decoration odpowiada za dekoracje tekstu (np. podkreślenie, przekreślenie). To często bywa mylone z "efektami", ale nie ma związku z wyborem czcionki.
  • font-size ustala wielkość tekstu (np. w px, em, rem). Zawiera człon "font", dlatego bywa wybierane intuicyjnie, ale nie definiuje nazwy czcionki.

W praktyce egzaminacyjnej warto pamiętać rozdział: HTML opisuje strukturę treści, a CSS odpowiada za prezentację. W starszych projektach można spotkać przestarzałe rozwiązania typu element <font>, ale w nowoczesnych standardach typografię ustawia się właśnie przez CSS, w tym przez font-family.

Dodatkowe pytania

Dodatkowe pytania (FAQ):

font-family ustawia rodzinę (nazwę) czcionki dla tekstu.

Możesz podać jedną czcionkę lub listę zapasową, aby przeglądarka wybrała pierwszą dostępną na urządzeniu użytkownika.

Podaj kolejne nazwy po przecinkach, np. font-family: Arial, Helvetica, sans-serif.

Przeglądarka spróbuje użyć pierwszej dostępnej czcionki, a na końcu zastosuje rodzinę ogólną (np. sans-serif).

Element <font> jest uznany za przestarzały (obsolete), bo mieszał treść z prezentacją.

Współcześnie wygląd (czcionki, kolory, rozmiary) przenosi się do CSS, co ułatwia utrzymanie, skalowanie i dostępność strony.

font-family wybiera krój/rodzinę czcionek (np. Arial).

font-size ustala rozmiar tekstu (np. 16px, 1rem). Obie właściwości dotyczą typografii, ale opisują zupełnie inne parametry.

color ustawia kolor tekstu (np. #000, rgb(255,0,0)).

Nie wpływa na krój ani rozmiar czcionki. To częsta pułapka na testach, bo "kolor czcionki" bywa mylnie kojarzony z "ustawieniami czcionki".

text-decoration steruje dekoracją tekstu, np. podkreśleniem lub przekreśleniem.

Stosuje się to m.in. do stylowania linków albo zaznaczania zmian w treści. Nie służy do wyboru nazwy czcionki.

Technicznie przeglądarki mogą jeszcze interpretować <font>, ale w nowych projektach nie jest to zalecane.

Lepsze jest CSS (np. font-family), bo zapewnia czytelniejszy kod, łatwiejsze modyfikacje i zgodność z nowoczesnymi standardami.

Najczęściej myli się:

  • font-family (nazwa czcionki) z font-size (rozmiar),
  • color (kolor tekstu) z ustawieniami kroju,
  • text-decoration (dekoracje) z "efektami" czcionki.

Pomaga kojarzenie: family=rodzina, size=rozmiar.

Warto je znać przy pracy z kodem legacy: modernizacji starych stron, CMS-ów lub szablonów.

Znajomość mapowania: face → font-family, color → color, size → font-size ułatwia refaktoryzację bez zmiany wyglądu.

Szukaj słów "nazwa", "rodzina", "krój pisma" – to wskazuje na font-family.

"Kolor" prowadzi do color, "wielkość/rozmiar" do font-size, a "podkreślenie/przekreślenie" do text-decoration.

info

Statystycznie 82% uczniów zna prawidłową odpowiedź. średnio łatwe

W praktyce zawodowej kluczowe jest to, że poprawna jest odpowiedź "font-family", bo ta właściwość CSS definiuje rodzinę/nazwę czcionki (może też zawierać listę zapasową).

Źródła:

  • W3C Recommendation: HTML5 (2014-10-28), rozdział dotyczący elementów przestarzałych/obsolete (element &lt;font&gt;) – https://www.w3.org/TR/2014/REC-html5-20141028/ (dostęp: 2026-03-01)
  • MDN Web Docs: CSS font-family – https://developer.mozilla.org/en-US/docs/Web/CSS/font-family (dostęp: 2026-03-01)
  • MDN Web Docs: HTML &lt;font&gt; element (obsolete/deprecated) – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: właściwość CSS font-family
  • Dokumentacja MDN: podstawy stylowania tekstu w CSS
  • Specyfikacja W3C HTML5: sekcja elementów przestarzałych (obsolete)

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego