Custom fonts code review

Custom Coding
1

I’m looking for some help to get custom fonts working on my Softr website. I’ve added the following code to Settings > Custom Code > Code inside header, but the fonts don’t seem to apply. I’m not a developer, so I’m guessing there might be a mistake in my code :see_no_evil:

Any ideas where to start troubleshooting?

Here’s the code I used:

/* Define Custom Fonts */

/* Rawest Bold */
@font-face {
    font-family: 'Rawest';
    src: url('https://drive.google.com/uc?export=view&id=1nCQ5qUu3LpGHtmxFKogjtYoEoXESspDq') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* UntitledSans Regular */
@font-face {
    font-family: 'UntitledSans';
    src: url('https://drive.google.com/uc?export=view&id=1CiQa5Rkt6e6L-in-1vqasxTvV2isnWxg') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* UntitledSans Medium */
@font-face {
    font-family: 'UntitledSans';
    src: url('https://drive.google.com/uc?export=view&id=1_9h0VHT8C7KKcAT5hQp13p6TVUjBBSGW') format('woff');
    font-weight: 500;
    font-style: normal;
}

/* Apply Fonts */

/* Rawest Bold for Headings */
h1, h2, h3 {
    font-family: 'Rawest', sans-serif;
    font-weight: bold;
}

/* UntitledSans Regular for Body Text */
p, span, div, li, ul, a, small {
    font-family: 'UntitledSans', sans-serif;
    font-weight: 400;
}

/* UntitledSans Medium for Bold Text in Body */
p strong, span strong, div strong, li strong, ul strong, a strong, small strong {
    font-family: 'UntitledSans', sans-serif;
    font-weight: 500;
}

/* UntitledSans for Forms */
input, textarea, button {
    font-family: 'UntitledSans', sans-serif;
    font-weight: 400;
}

/* Placeholder Text Styling */
input::placeholder, textarea::placeholder {
    font-family: 'UntitledSans', sans-serif;
    font-weight: 400;
}
</style>