How to show Typekit/Adobe Web Fonts in Opencart?

Hello,

I'm trying to add my custom font families from Adobe fonts.
I managed to add it manually by adding the typekint script into head: (<link rel="stylesheet" href="https://use.typekit.net/eui....css">),
then by defining it at "/system/library/journal3/data/fonts/system.json" as a font family.

However, I don't know how to have font varieties in the page.
For example I have Adobe font "Trajan" in my web projects. I add it to system.json as "Trajan, serif".
Once I add this way, Opencart picks a random font weight among many alternatives, and allows you to display only that one.

How can I add different font weights at system.json?
Any tips will be appreciated!

kk651 wrote: ↑

Sat Oct 31, 2020 8:05 pm

then by defining it at "/system/library/journal3/data/fonts/system.json" as a font family.

https://support.journal-theme.com/

My humble apologies, of course Journal didn't provide any support in this matter

Anyways. I managed to solve the problem myself.

1- Add the script provided by Adobe to the head
2- Add relevant fonts to your font directory
3- Add font to your html as style="font-weight:300"

Feel free to reach out if you need any help!