Ten poradnik pokazuje, jak dodać niestandardową czcionkę w PrestaShop 1.6.

Czasami trzeba zainstalować inne czcionki zamiast czcionek internetowych Google.

1. Spójrz na wolnym webfont przy użyciu dowolnej wyszukiwarki wolisz (Google, Yahoo, itp), na przykład, http://www.fontsquirrel.com.

2.  Wybierz webfont chcesz klikając na przycisk Pobierz i zapisz go na komputerze:

1

3. Upewnij się, że typ czcionki jest albo TTF (TrueType Font) lub OTF (Open Type Font).

4. Gdy plik czcionki zostanie przesłany, kliknij na przycisk „Convert and download”, aby pobrać czcionki na twój komputer:

2

5. Prześlij skonwertowany pakiet czcionek do katalogu themes/theme_number/fonts do twojej witryny za pośrednictwem FTP lub hostingu cPanel i upewnij się, aby rozpakować pliki czcionek do folderu z samymi czcionkami:

3

6. Skopiuj kod z fonts.css z pakietu czcionek i wklej do themes/theme_number/css/global.css lub  do stylesheet.css (zależy od twojego szablonu) po tej sekcji kodu

/* FONT PATH
  * -------------------------- */

po czym dodaj bezpośredni link do czcionki w formacie your_site_url.com/themes/theme_number/fonts/font_file:

4

7. Dodaj font-family CSS z fonts.css do elementu który chcesz zmienić, na przykład, dodamy ten kod do themes/theme_number/css/modules/tmmegamenu/views/css/tmmegamenu.css aby zmienić czcionkę elementów menu:

.top_menu > ul > li > a {
  font-family: 'Conv_AbrilFatface-Regular' !important;
  }

5

Znałeś już to rozwiązanie? A znasz inny sposób na zmianę czcionki w PrestaShop?