User Tools

Site Tools


prestashophelp:fonts

How to add fonts

Easy method with the Google font

Here is easy method how to add any Google font to our theme

The Adobe Flash Plugin is needed to display this content.

Add a custom font

  1. You should generate font with http://www.fontsquirrel.com/fontface/generator
  2. Unzip downloaded archive and upload font files eot, woff, ttf, svg to “fonts” folder in the theme.
  3. Open css file from unzipped archive and copy all code to the alysum.css
  4. Fix the path to fonts from src: url(‘baroquescript-webfont.eot’); to src: url(‘../fonts/baroquescript-webfont.eot’);
  5. Open the file /modules/themesettings/fontlist.php and add font name to this list. Font name you can find in the css like this: font-family: ‘baroque_scriptregular’;

And video tutorial:

The Adobe Flash Plugin is needed to display this content.
prestashophelp/fonts.txt · Last modified: 2016/07/20 15:32 by Alex Support