@tuanphan Hi there! I am also having trouble with this. I am new to squarespace and not sure where to start with the codes. The fonts show up correctly on my devices that have the .otf files, but the font does not show up other devices that don't have the .otf files downloaded onto them.
Any help is much needed! Thank you.
Website is aeva.social
Fonts are "Humankind" and "Tangerine"
Code in my Custom CSS is :
font-face {
font-family: 'Humankind';
src: url('https://static1.squarespace.com/static/639f97e04e2b0b0704e0dc02/t/63a24e2c9bde9a0ff8b4f4fb/1671581228480/Humankind.otf');
}
h1 {
font-family: 'Humankind';
}
h2 {
font-family: 'Humankind';
}
h3 {
font-family: 'Humankind';
}
font-face {
font-family: 'Tangerine';
src: url('https://static1.squarespace.com/static/639f97e04e2b0b0704e0dc02/t/63a24e18ec0215210edfe932/1671581208537/Tangerine.otf');
}
p {
font-family: 'Tangerine';
}