W projekcie strony internetowej chcesz zastosować niestandardową czcionkę pobraną z pliku (np. 'MojaCzcionka.woff2'). Jak poprawnie zadeklarować tę czcionkę w CSS, aby można było jej później używać za pomocą font-family?

Poprawna odpowiedź: C (`@font-face { font-family: 'MojaCzcionka'; src: url('MojaCzcionka.woff2') for...)

Reguła @font-face pozwala na zdefiniowanie niestandardowej czcionki.

• font-family: 'MojaCzcionka'; nadaje nazwę, pod którą czcionka będzie dostępna w CSS.
• src: url('MojaCzcionka.woff2') format('woff2'); wskazuje ścieżkę do pliku czcionki oraz opcjonalnie jej format (co pomaga przeglądarce szybciej ją zidentyfikować). Po takiej deklaracji, można używać font-family: 'MojaCzcionka', sans-serif; do stylizowania tekstu.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: @font-import nie jest standardową regułą CSS; do importowania służy @import, ale @font-face jest do definicji czcionek.
• B: Tag <link> z rel="font" służy do wstępnego ładowania czcionek, ale nie definiuje ich dla CSS w ten sposób.
• D: define-font nie jest standardową składnią CSS.