I have an issue where the following Custom CSS codes are not displaying my custom font in the Product Description Page of my products that I transferred from Etsy. Can anyone help me with this please.
My website is currently on a trial period and version 7.1
One listing that I created from scratch is showing the description with the custom font, without a problem.
@font-face {
font-family: Student Notes;
src: url(https://static1.squarespace.com/static/64d04f7d0640507c114d79c1/t/64d36b8e0dddd8603dafc432/1691577232506/StudentNotes.otf);
}
.sqsrte-large {
font-family: 'Student Notes';
}
p {
font-family: 'Student Notes';
}
.sqsrte-small {
font-family: 'Student Notes';
}
@font-face {
font-family: Rainbow;
src: url(https://static1.squarespace.com/static/64d04f7d0640507c114d79c1/t/64d37fe318d9917568db5698/1691582435385/Rainbow.otf);
}
h3 {
font-family: 'Student Notes';
}
.collection-type-products .ProductItem-details h2.ProductItem-details-title, .ProductItem .ProductItem-details .product-price {
font-family: "Student Notes";
}
h2 {
font-family:'Student Notes' !important;
}
