WIP : Font Manager

#1

As part of my Modular project (a very simple ‘toolkit’ to help develop custom tiddlywiki UI), I’m currently working on a font manager. For now, it allows you to create a font category, assign a css selector to the category and set the font-size, pick a font among a list of predefined fonts (you can add your own), and preview the result with several text samples (taken from google font). If you click on the text preview, you will copy the css selector to the clipboard.

Screenshot

image
image1545×896 78.6 KB

Do you think this could be useful for you ? What features would you like to see added ?

EDIT: download file was missing a tiddler

7 Likes
Favorites of 2022
#2

Hi @telumire

Great work, I find it very useful! Using predefined styles of TW’s UI is a great idea!

Maybe you could add another method in “How to add a new font”: embedding a font inside TW. I like this method because of the enhanced privacy and because it works offline.
Here’s a link to the instructions:
https://groups.google.com/forum/#!topic/TiddlyWiki/utsLmgHZAhM

Fred

2 Likes
#3

Right! Also an embedded font can be very small. It can be limited to only the characters you need. Can be the best method for specialist apps.

Just a comment, TT

#4

Good idea ! Using local font files is also an option, and IMO slightly better because it keeps the tiddlywiki file as light as possible. I’ll try to add those options in the demo wiki tomorrow :slight_smile:

edit: done

1 Like
#5

This is wonderful! Noto fonts, here I come!

1 Like
#6

Great work! I will have to come back and really dig into this.

1 Like
#7

I like this method too, although I used it in the stylesheet I keep on my server and point my wiki to.

This site makes it easy to convert .ttf, .woff, etc to a base64-encoded style declaration:

https://hellogreg.github.io/woff2base/

3 Likes