Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - CZERWIEC 2020



PYTANIE NR 31.
W celu zmiany kroju pisma w arkuszu stylów CSS należy edytować właściwość
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Za zmianę kroju/rodziny czcionek w CSS odpowiada właściwość font-family, która wskazuje preferowane nazwy fontów oraz ewentualne rodziny zapasowe. font-size zmienia rozmiar, font jest skrótem wielu ustawień, a font-variant dotyczy wariantów znaków.

Pełne wyjaśnienie:

W arkuszu stylów CSS "krój pisma" w praktyce oznacza rodzinę czcionek, czyli wybór konkretnego fontu (np. Arial, Times New Roman) albo rodziny ogólnej (np. serif, sans-serif). Do tego służy właściwość font-family. Wartość tej właściwości może zawierać listę kilku fontów: przeglądarka wybiera pierwszy dostępny, a gdy go brakuje, przechodzi do kolejnych pozycji (tzw. fonty zapasowe).

Pozostałe odpowiedzi są typowymi "pułapkami":

  • font-size wpływa wyłącznie na wielkość liter (np. 16px, 1rem). Zmienia czytelność i proporcje tekstu, ale nie zmienia kroju.
  • font to właściwość skrócona (shorthand). Pozwala ustawić kilka parametrów naraz (m.in. rozmiar i rodzinę), jednak pytanie dotyczy edycji właściwości odpowiedzialnej konkretnie za krój/rodzinę. W testach egzaminacyjnych zwykle oczekuje się wskazania właściwości jednoznacznie odpowiadającej za dany atrybut.
  • font-variant dotyczy wariantów zapisu, np. kapitalików (small-caps) i innych wariantów typograficznych. Może zmieniać wygląd liter w ramach tego samego kroju, ale nie służy do wyboru rodziny fontu.

Wskazówka egzaminacyjna: gdy w pytaniu pojawia się "krój/rodzina czcionki", szukaj odpowiedzi z członem -family. Gdy jest "rozmiar" lub "wielkość", poprawna bywa font-size. Gdy mowa o kilku parametrach jednocześnie, wtedy rozważ font jako skrót.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest właściwość font-family w CSS?
font-family określa rodzinę czcionek używaną do renderowania tekstu. Zwykle podaje się listę fontów, np. "Arial, Helvetica, sans-serif", aby przeglądarka mogła wybrać pierwszy dostępny i użyć kolejnych jako zapasowych.
Jak ustawić font-family z fontem zapasowym?
Podaj kilka nazw po przecinku, od najbardziej preferowanej do najbardziej ogólnej, np. font-family: "Open Sans", Arial, sans-serif;. Gdy pierwszy font nie jest dostępny, przeglądarka przejdzie do następnego.
Dlaczego font-size nie zmienia kroju pisma?
font-size steruje tylko rozmiarem znaków (wielkością), a nie wyborem fontu. Możesz mieć ten sam krój w różnych rozmiarach. Za wybór kroju odpowiada font-family, czyli rodzina czcionek.
Co oznacza właściwość font jako skrót w CSS?
font to właściwość skrócona, która może jednocześnie ustawić kilka parametrów (np. styl, wariant, grubość, rozmiar i rodzinę). Jest wygodna, ale mniej jednoznaczna w pytaniach o pojedynczy atrybut, np. sam krój.
Kiedy używa się font-variant w CSS?
font-variant stosuje się do ustawiania wariantów typograficznych, np. kapitalików (small-caps). Zmienia sposób zapisu liter w obrębie danego kroju, ale nie służy do wyboru rodziny fontu, czyli nie zastępuje font-family.
Jakie są najczęstsze błędy w pytaniach o fonty w CSS?
Najczęściej myli się: font-family (krój) z font-size (rozmiar) oraz wybiera font, bo brzmi "najbardziej ogólnie". Warto skojarzyć: "family = rodzina krojów", "size = rozmiar".
Czy font-family działa bez wczytania fontu z sieci?
Tak, ale tylko dla fontów zainstalowanych w systemie użytkownika lub dostępnych jako fonty ogólne (np. serif). Jeśli chcesz użyć fontu webowego, trzeba go wcześniej udostępnić (np. przez @font-face lub usługę fontów), inaczej zadziała fallback.
Jak dobrać fonty do projektu multimedialnego w przeglądarce?
Wybierz czytelny font dla tekstów długich i kontrastujący font dla nagłówków, a potem ustaw je w CSS przez font-family. Dodaj fonty zapasowe i sprawdź wygląd na różnych urządzeniach, bo dostępność fontów bywa różna.
Jak sprawdzić, jaki font faktycznie używa przeglądarka?
Użyj narzędzi deweloperskich (DevTools) w przeglądarce: zaznacz element tekstowy i sprawdź sekcję CSS/Computed. Zobaczysz zastosowane reguły oraz często informację o tym, który konkretny font z listy font-family został użyty.
Jak przygotować się do egzaminu z właściwości tekstu w CSS?
Opanuj podstawowe grupy: font-family (krój), font-size (rozmiar), font-weight (grubość), line-height (interlinia) i skrót font. Ćwicz na krótkich arkuszach stylów i porównuj efekty w przeglądarce.
info

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

Według specjalistów z branży: "Za zmianę kroju/rodziny czcionek w CSS odpowiada właściwość font-family, która wskazuje preferowane nazwy fontów oraz ewentualne rodziny zapasowe."

Źródła:

  • 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: CSS font-size — https://developer.mozilla.org/en-US/docs/Web/CSS/font-size (dostęp: 2026-03-01)
  • MDN Web Docs: CSS font (shorthand) — https://developer.mozilla.org/en-US/docs/Web/CSS/font (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN Web Docs: właściwości CSS związane z fontami
  • Kurs podstaw CSS (sekcja: typografia i tekst)
  • Ćwiczenia praktyczne: tworzenie arkusza stylów dla prostego layoutu i zmiana fontów w selektorach
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego