KWALIFIKACJA INF3 - CZERWIEC 2015

PYTANIE NR 3.
Aby ustawić czcionkę Verdana w kodzie CSS, należy wykorzystać właściwość
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W CSS krój/rodzinę czcionki ustawia się właściwością font-family.
Deklaracja "font-family: Verdana;" wskazuje, że tekst ma być renderowany czcionką Verdana (jeśli jest dostępna). Pozostałe właściwości dotyczą odpowiednio stylu (np. italic) i grubości (np. bold), a nie wyboru kroju.

Pełne wyjaśnienie:

W CSS wybór kroju pisma realizuje się przez wskazanie rodziny czcionek. Do tego służy właściwość font-family. Deklaracja font-family: Verdana; oznacza, że przeglądarka ma użyć rodziny "Verdana" do wyrenderowania tekstu (o ile czcionka jest dostępna w systemie lub dostarczona jako webfont).

Dlaczego pozostałe propozycje są błędne?

  • font-name: Verdana; – taka właściwość nie jest standardową właściwością CSS do typografii. Może brzmieć wiarygodnie, ale w CSS nazwa kroju nie jest ustawiana przez "name", tylko przez family.
  • font-style: Verdana;font-style opisuje styl pisma, np. normal lub italic. Wartościami są warianty stylu, a nie nazwy czcionek, więc "Verdana" nie pasuje semantycznie.
  • font-weight: Verdana;font-weight określa grubość pisma (np. normal, bold lub wartości liczbowe). To inny parametr typograficzny niż rodzina czcionki.

W praktyce często stosuje się tzw. font stack, czyli listę rodzin zapasowych, np. Verdana, a potem ogólna rodzina bezszeryfowa. Na egzaminie kluczowe jest jednak rozróżnienie: font-family wybiera krój/rodzinę, a font-style i font-weight modyfikują sposób wyświetlania (pochylenie i grubość) już wybranej czcionki.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
font-family to właściwość CSS, która określa rodzinę czcionek używaną do wyświetlania tekstu. Możesz podać jedną czcionkę (np. Verdana) albo listę czcionek zapasowych, aby przeglądarka mogła wybrać pierwszą dostępną.
Użyj deklaracji font-family: Verdana; wewnątrz reguły CSS, np. dla elementu body. Dzięki temu tekst w danym selektorze będzie renderowany Verdana, o ile jest dostępna w systemie użytkownika.
font-style nie wybiera rodziny czcionki, tylko określa styl kroju, np. normal lub italic. To parametr "pochylenia"/wariantu, więc nie przyjmuje wartości będących nazwami rodzin czcionek (takich jak Verdana).
font-weight dotyczy grubości pisma (np. normal, bold lub wartości liczbowe). Nie wskazuje, jaką rodzinę czcionek zastosować, więc wartość "Verdana" jest tu niepoprawna znaczeniowo.
W standardowym CSS nie używa się właściwości font-name do definiowania czcionek. Właściwą właściwością do wskazania rodziny kroju jest font-family. Na egzaminie warto kojarzyć tę nazwę jako jedyną poprawną dla wyboru czcionki.
font-family może przyjmować także nazwy rodzin ogólnych, np. serif lub sans-serif. To przydatne jako "plan B", gdy konkretna czcionka (np. Verdana) nie jest dostępna na urządzeniu użytkownika.
Gdy podasz kilka pozycji w font-family, przeglądarka sprawdza je po kolei i wybiera pierwszą dostępną. Jeśli żadna konkretna czcionka nie jest dostępna, używa rodziny ogólnej (np. sans-serif), co zwiększa przewidywalność wyglądu.
Ustawienie font-family na body jest częste, bo zapewnia domyślną typografię dla całej strony. Potem możesz nadpisywać czcionkę w wybranych sekcjach (np. nagłówki, menu), zachowując spójność UI.
Najczęściej myli się role właściwości: font-family (wybór czcionki), font-style (pochylenie), font-weight (grubość). Pomaga zapamiętać: "family = rodzina kroju", a pozostałe to parametry wyglądu tej rodziny.
Sprawdź, czy właściwość istnieje w CSS i czy pasuje typ wartości. Np. font-weight oczekuje wartości typu bold lub liczby, a nie nazwy czcionki. Gdy typ wartości nie pasuje do właściwości, odpowiedź jest błędna.
info

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

Według specjalistów z branży: "W CSS krój/rodzinę czcionki ustawia się właściwością font-family.Deklaracja "font-family: Verdana;" wskazuje, że tekst ma być renderowany czcionką Verdana (jeśli jest dostępna)."

Ź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-style" (CSS) – https://developer.mozilla.org/en-US/docs/Web/CSS/font-style (dostęp: 2026-02-27)
  • MDN Web Docs: "font-weight" (CSS) – https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN dotycząca font-family oraz właściwości font-*
  • Specyfikacja CSS Fonts (moduł czcionek) – definicje właściwości typograficznych
  • Ćwiczenia praktyczne: tworzenie arkusza stylów z sekcją typografii (nagłówki, akapity, UI)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego