Jump to content

Add custom font problem


Chill_user

Recommended Posts

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: 

assets:
  css:
    all:
      - 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
</p>

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)
Link to comment
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)

 

Link to comment
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
×
×
  • Create New...