Wczytywanie fontów (webpack)

Question

Witam. Mam zaimportowane wiele czcionek w jednym pliku .scss czy jest możliwe aby w wersji produkcyjnej webpack zaczytał mi tylko te reguły które są aktualnie używane na danej podstronie ? Czy musze zaczytać cały plik z czcionkami od razu ?

Answer 1

Przeglądarki robią to za ciebie ;) Jeśli masz wiele instrukcji @font-face czcionki w odpowiednich formatach pobiorą się tylko jeśli użyjesz ich na stronie. (Przynajmniej chrome tak robi) Jednak gdy masz w pliku wiele instrukcji @import to lepiej zrobić builda który zamieni to na jeden plik CSSa z  @font-face

Comments

U mnie się wczytuje każda reguła. Mimo że dla tej strony użyte jest tylko "Roboto Slab"

---

Punkt 1) Wklejaj kod w postaci tekstu bo nic nie widać. No i jest ci trudniej :P

Punkt 2) Co rozumiesz przez "wczytuje się reguła"? Myślałem ze mówimy o wczytywaniu pliku cznionek (woff, woff2, eot, tff)?

Punkty 3) Co rozumiesz przez używanie tylko Roboto? Jesteś w stanie wrzucić tą stronę gdzieś do internetu aby móc ją oglądać?