Jump to content
Amantha Bill

Add custom font problem

Recommended Posts

Posted (edited)

Hello to all, I tried to install custom fonts to the prestashop, following this article. Link

My version of prestashop is 1.7.5.

According to this article, I am placing code I made below, maybe there is some problem with .css files or something.

P.S. Yes, I cleared cache and deleted shop.json file in config/theme/{theme_name}/shop.json

My code , fonts.css:

@font-face {
    font-family: 'Walkway';
    src: url('../fonts/walkway/Walkway-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
@font-face {
	font-family: 'Acumin-Pro';
	src: url('../fonts/acumin-pro/Acumin-RPro.otf') format('otf');
	font-style: normal;
	font-weight: normal;

theme.yml code: 

      - id: fonts
        path: assets/css/fonts.css
        priority: 30

And in .tpl file:

<p style="font-family: Walkway !important; font-size: 35px">
  A B C D E F G test with lalalal

And all files of the fonts are placed with correct path : {theme}/assets/fonts/{font_name_folder}/font.ttf


Thanks for your help!

Edited by Amantha Bill (see edit history)

Share this post

Link to post
Share on other sites

You should probably search of syntax mistakes, such as spaces or misprints inside the code. This is the main reason for the codes failures on such sites. If this doesn't help, I advise you to contact the support.

Share this post

Link to post
Share on other sites

I didn't find the solution to this problem, but I made some changes to make it work:

-instead of declaring @font-face in the fonts.css file I declared it in the custom.css file. Then, it works!

P.S. some fonts cant be applied to Prestashop (because of files .ttf .woff I downloaded)


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More