I changed the code of my font on my template, and it doesn´t work for letters with accent

Solved
Highlighted
Tourist
8 0 5

Hi, 

 

I changed the code on my template to modify the font. It worked perfectly except for letters with an accent. 

The language on my store is in spanish. Below is the code I used:

 

@font-face {
font-family: "Jack_Armstrong";
src: url('{{ "Jack_Armstrong.ttf" | asset_url }}') format("truetype");
font-weight: normal;
font-style: normal; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, #nav li a, div.title a, .headline, .subtitle { font-family: 'Jack_Armstrong' !important; }

Does someone know how to fix this?

 

Thanks so much!

1 Like
Highlighted
Shopify Partner
7647 1051 2655

Hello, @apbecerra 

Welcome to the Shopify community!
and Thanks for your Good question.

Yes, you can do easy to upload your custom font

1. Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@font-face { font-family: 'Montserrat-Regular'; src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}'); src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'), url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'), url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'), url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; }

 

can you please just change font name, for example, Montserrat-Regular to your custom font name

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
8 0 5
Thank you! Unfortunately, I did not work. It doesn´t show now the font at
all.Any tips?
0 Likes
Highlighted
Shopify Partner
7647 1051 2655

Hello, @apbecerra 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Highlighted
Shopify Partner
7647 1051 2655

@apbecerra 

Thanks for the store URL.

sorry but your store is password protect can you please share us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
8 0 5

Apologies, it is Cletoenel2020. However, it is under a copied theme not published yet. Do you want me to publish it first?

1 Like
Highlighted
Shopify Partner
7647 1051 2655

@apbecerra 

Thanks for update

sorry i can't your font family all type can you please upload 

TTF, OTF, WOFF, WOFF2, SVG 

at asset folder

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
8 0 5

I uploaded all of them, not sure if you did not see them since it was not published. 

This is what I see under assets:

apbecerra_0-1600109800006.png

 

0 Likes
Highlighted
Shopify Partner
7647 1051 2655

@apbecerra 

Thanks 

if possible to add on staff account so I will quickly check and update

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like