Connecting files via your own CSS requires experience in writing CSS code and your own server to store the file.
The first thing you need is WOFF font file(s). You can get them by buying a font from a font service, e.g., myfonts.com. When buying, choose the "WEB" license so that you can use it online.
Place font files on the web You may choose any server or CDN service for placing files. The main thing is that the server must support Access-Control-Allow-Origin CORS for distribution to any domain. (Access-Control-Allow-Origin: *)
If you host files on your own server Create a .htaccess file in the root of the website and add the following code:
Header set Access-Control-Allow-Origin "*"
Create your own CSS file and place it on your server or CDN service.
How to create a CSS file
Below is an example of how CSS is written. You can create it in an ordinary text editor, save it with a .css extension, and then upload it to a server or CDN.
The numbers 300,400... in the font-weight property indicate the weight of the font. Here is the complete list: 100 - thin 200 - extra light 300 - light 400 - normal 500 - medium 600 - semibold 700 - bold 800 - extra bold 900 - black
Browsers on the web display fonts slightly differently than they might look in, say, Photoshop. They usually come out a little bolder. Sometimes it's helpful to know the little tricks: you can specify, for example, a Light weight file to get a Normal font rendering.
If you only have one font file, you can specify it for all styles, listing them separated by commas: 300,400,500,600,700
Go back to Tilda. Site Settings → Fonts and Colors → Your Own Font. Paste the link to the CSS file. Add the name of the font as specified in the CSS file.
Save and republish all pages.
Important: you'll see your font only when you publish the website. In the Edit or Preview mode, no third-party CSS file can be connected, meaning that your font will not be visible (this is done for safety reasons).