How to add a new font?

While Blot does not have a built-in feature for uploading font packs, you can still achieve the result you're after by placing font files in your blog's source folder and using the @font-face rule in your template's CSS file.

To add a custom font to your website on Blot, follow the steps below:

1. Obtain the font files: usually in .ttf, .otf, or .woff formats.

2. Create a "fonts" folder: In your blog's source folder, create a new folder named "fonts" (or any name you prefer).

3. Upload font files: Place the font files you obtained in step 1 into the "fonts" folder you created in the previous step.

4. Modify your template CSS: Open up the template editor and locate your template's CSS file (usually named "style.css"). Open the CSS file and add the @font-face rule to specify the font files you uploaded.

Here's an example for files with the .ttf file extension:

@font-face {
  font-family: 'CustomFontName';
  src: url('fonts/font-file.ttf') format('truetype');
}

Replace 'CustomFontName' with a name of your choice to identify the font, and 'fonts/font-file.ttf' with the path to your font file within the "fonts" folder.

Apply the custom font: Once you have defined the @font-face rule in your CSS file, you can use the font-family property in other CSS rules or selectors to apply the custom font to specific elements on your website. For example:

body {
  font-family: 'CustomFontName', sans-serif;
}

This would apply the custom font to the entire body of your website. Adjust the CSS selectors and rules as needed to apply the font where desired.

I hope this explanation helps – if you have any further questions, please let me know