Practical operation of using any font in a web page with demonstration

I have done some research on "embedding non-system built-in fonts in web pages" before. Although it is technically feasible, it does not have much practical significance in China, because a Chinese font file is at least 20M+, and the font files supported by each browser are different. In other words, there must be 2-3 font files of different formats on the server side to cope with each browser. You can see the corresponding picture below.

I thought this little research I did before would not be useful in my future work, but it turned out to be useful. A customer requested to display the time, but the font of the time must be the same as that of a digital watch, as shown in the figure:

First of all, we need to find this font. Since this font is only in ttf format, we need to convert it into various other formats. As for how to convert, there are software and online. I will not specify which one to use here.

After the conversion, you can write the CSS code