Create Your Own Font and Test it Using HTML

Introduction

This is not a programming problem, but is very interesting.

Project #1

Create your own font.

Can your font be used by other programs? (html, graphics.py, Tkinter, ...)

Note: There are many font file formats (.fon, .fnt, .ttf, .ttc, .fot, .otf, .mmm, .pfb, or .pfm). I suggest you stick to ttf or otf.

Links

Computer font (Wikipedia)

How To Define Custom Fonts - Python Tkinter GUI Tutorial (YouTube)

Font design: 17 top tips to create your own typeface

10 Free Tools To Create Your Own Fonts

Font Development Best Practices: Python-based Tools

Python+FontForge+Org: I made a font based on my handwriting!

XTerm introduction and TrueType fonts configuration

Equipping XTerm with your own font

HTML Code to Test Your Font

You can use this HTML file to test your font. This example assumes you have created the font file "MyBeautifulFont.ttf" and copied it to the directory "./my-fonts".

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Font Test</title>
<style>
@font-face
{
  font-family: MyBeautifulFont;
  src: url("./my-fonts/MyBeautifulFont.ttf");
}
body
{
  font-family: MyBeautifulFont;
  font-size: 3em;
}
</style>
</head>
<body>
<p>
Hello
</p>
</body>
<html>