Oh okay, thanks for letting me know. 
It’s not a bother, so I’ll tell you the basics just to get it working. From there you can customize as you want on your project.
I’m going to assume you already have a text editor and you can set up a basic html file already. If you don’t know how to do that, just look up the basics, so that you can get the text in. There’s plenty of websites online that can tell you how to set up a .html file alone. I’m going to tell you how to get a custom font in with a .css file instead.
- Have a folder set up somewhere convenient for you that has your .htm or .html file along with your font file together.
- In that same folder create a new file and save as .css. Set up a body section and a font face section like this:
body{
}
@font-face{
}
- In your body section, specify the font-family with the filename of your custom font. It would look like this:
font-family: Filename; - In your font face section, define the font-family with the url of your filename, along with it’s extension… like this:
font-family: "Filename";
src: url('Filename.extension');
- And that should be it for your .css file! In total it looks like this:
body{
font-family: Filename;
}
@font-face{
font-family: "Filename";
src: url('Filename.extension');
}
-
Common extensions are like .ttf or .otf, so know that I don’t literally mean to write “.extension”!
-
You also don’t need anything else to define the url of your font, since it’s already in the same folder as your project and this isn’t a webpage, so you don’t need to make sure anyone else can access it either. This makes defining the font face as simple as a couple of lines.
-
Finally, you have to link the .css stylesheet back to your .html file. In the
<head>section of that file, create a line for<link href='mystyle.css' type='text/css' rel='stylesheet' />“mystyle.css” should be named whatever you yourself named the stylesheet. Close the heading immediately after that, then save. -
Finally, with a Shotcut project all in the same folder (Important because the file directories are all written as just the name of the file, which your computer reads as all being together anyways), you can open a clip and load your .html file through the Overlay HTML filter.
I hope this helps! Feel free to ask if you need any clarification with something.