AndreasZed

Hi,

I am facing the same issues and your CSS solution seems to work well. Since I am not at all experienced in CSS and coding, do you know where I can find the CSS-"names" for all font cases (like p, h1, h2, ...)? That would be really helpful!

Thanks!

Site URL: https://www.kultursummit.at

Hi,

I want to change the fonts on the website https://www.kultursummit.at to locally hosted ones since google fonts are tricky with GDPR. I managed to do so for using this CSS code. But I don't know how I can do so for all the other elements, like Header navigation, forms, buttons and then for mobile as well. Can anybody help?

//Google Font einfügen
@font-face {
font-family: Playfair Display;
src: url(https://static1.squarespace.com/static/5d1b2aff5f0786000168c155/t/6304c9195e4c3939a1bc9985/1661258010565/PlayfairDisplay-VariableFont_wght.ttf);
}

//Google Font einfügen
@font-face {
font-family: Work Sans;
src: url(https://static1.squarespace.com/static/5d1b2aff5f0786000168c155/t/6304c9dddcd63a67b7973e6b/1661258206577/WorkSans-VariableFont_wght.ttf);
}

//Google Font für alle Textarten verwenden

h1, h2,  {
font-family: 'Playfair Display';
}

h3, h4, p {
font-family: 'Work Sans';
}

.sqsrte-large {
font-family: 'Work Sans';
}

.sqsrte-small {
font-family: 'Work Sans';
}

Thank you!!