Czcionkę w sklepie możesz zmienić w Kreatorze wyglądu w sekcji Ustawienia kolorystyki. Dzięki tej opcji możesz dostosować sklep do własnych preferencji wizualnych.
W celu zmiany czcionki w sklepie przejdź w panelu administracyjnym sklepu do sekcji Konfiguracja -> Wygląd sklepu -> Kreator wyglądu -> Ustawienia kolorystyki.
W polu „Font (czcionka) sklepu” (1), możesz wybrać z listy rozwijanej interesującą Cię czcionkę, która będzie obowiązywała w sklepie. Po zmianie czcionki zapisz ustawienia (2).
Jeżeli interesującej Cię czcionki nie ma na liście w Kreatorze wyglądu, możesz pozyskać ją z darmowej bazy Google Fonts, a następnie dodać do sklepu jako własny kod.
Po przejściu na stronę Google Fonts wybierz font, który chcesz dodać do sklepu (1).
Zwróć uwagę na to, że nie wszystkie kroje obsługują polskie znaki diakrytyczne (Latin Extended).
WAŻNE — operacja ta nie powoduje dodania nowej czcionki w Kreatorze Szablonu, operacja ta nadpisuje globalnie czcionkę, która jest uruchomiona w sklepie. Po wprowadzeniu takiej czcionki zgodnie z dalszymi krokami instrukcji, automatycznie czcionka zmieni się na sklepie.
Następnie wybierz konkretny styl czcionki w sekcji oznaczonej jako (1), a następnie przejdź do Get font (2).
W nowootwartym oknie przejdź do Get embed code (1).
Zapisz kod Embed (1) oraz linię font-family (2). Ważne – te kawałki kodu musisz mieć pod ręką, będziemy je wprowadzać do panelu administracyjnego,
Przejdź teraz do panelu administracyjnego i wejdź w zakładkę Konfiguracja -> Wygląd sklepu -> Własny kod JavaScript/HTML/CSS -> W nagłówku HEAD. Na początku wklej kod z kroku 5, który był oznaczony jako (1).
Następnie w tej samej sekcji dodaj poniżej taki kod – identycznie jak na zrzucie ekranu. Linia „font-family: „Bitcount Grid Double”, system-ui;„, została skopiowana ze strony Google Fonts, ważne, aby dopisać w niej „!important” zgodnie ze zrzutem ekranu.
WAŻNE — cały oznaczony kod musi zostać dodany zgodnie ze zrzutem ekranu. Jedyna zmiana jaką nalezy wykonać, to „font-family: „Bitcount Grid Double”, system-ui” zmieniasz na swoją czcionkę, element ten znajdziesz w panelu Google Fonts zgodnie z krokiem 5, oznaczenie (2) instrukcji.
Rezultat
Po powyższej zmianie na Twoim sklepie zostanie uruchomiona wybrana lub dodana czcionka.
Nie widzisz zmiany? Naciśnij skrót klawiszowy CTRL + F5 znajdując się na stronie, wymusi on kompletny restart karty przeglądarki.
