• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 07.08.24, 14:07
  • Opened by: Iryna Davydova

Ticket #25708 - add new font family

hello,

I would like to know how i can add a new font to my alysum template.
I have already the ttf files.

Thank you in advance 

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

body {
    font-family: 'Mulish', sans-serif;
}

Comments

Fred 07 Aug 2024, 21:41

Hi, Iryna.
You are doing that in a proper way. Just make sure the path to fond files is correct.
You can also try to use "!important" attribute to apply font to body, like this
body { 

  font-family: 'Mulish', sans-serif !important;

}

Iryna Davydova 09 Aug 2024, 18:03

Hello
I can't add a font((((

Attachments:

Снимок.JPG (52.2 KiB)
Снимок1.JPG (48.1 KiB)
Fred 09 Aug 2024, 21:24

I assume you have wrong path to font file. Open browsers console to see an error message

Iryna Davydova 10 Aug 2024, 10:55

Hello
I can't add a font((((

Attachments:

Снимок.JPG (52.2 KiB)
Снимок1.JPG (48.1 KiB)
Iryna Davydova 10 Aug 2024, 11:05

Where can I find instructions on how to add fonts? I fixed the error, but the font does not appear in the list

Attachments:

Снимок1.JPG (113.3 KiB)
Снимок.JPG (62.3 KiB)
Fred 10 Aug 2024, 12:44

There is no any specific instructions. You just need to make sure the path is correct

Iryna Davydova 10 Aug 2024, 13:00

your help is nil
I didn't get any advice from you on installing the new font((((

Fred 10 Aug 2024, 16:42

First of all, your question is not related to the theme at all. That’s common question and doesn’t matter what kind of website you have. Second, I gave you useful tip what to check and you didn’t even give any feedback

Fred 10 Aug 2024, 21:10

Please fill out all necessary fields in your profile https://support.promokit.eu/myprofile to access to your Back-office and FTP Server and I'll check the path to the font file