Custom Fonts

Tutorial

A free Carrd plugin to add your own custom fonts. *Requires Pro Plus due to access to Advanced Settings.— Download fonts from free-for-commercial-use sources like Fontspace. Download .ttf version— Sign up for Github, create a new repo, and upload the .ttf file. Or you can upload it to your own server. (Side-note: I tried Dropbox, it no longer for accessing the direct link)— Edit the URL of your font file to be https://raw.githubusercontent.com/username/repo-name/main/fontname.ttf— On the Builder page of your Carrd site, add an Embed element, set to Hidden, Head.— Paste this CSS into Embed element:

<style>
@font-face {
font-family: mycustomfont;
src: url(
https://raw.githubusercontent.com/username/repo-name/main/mycustomfont.ttf);
}.mycustomfont {
font-family: mycustomfont !important;
}
</style>
— Add mycustomfont class to the Text element in Settings— Publish, and viola! You can edit the font size, color and letter spacing all from the Carrd editor.