Is there a font of font knowledge?

#1

I’ve been reading through the guide to good typography Nice articles on Typography and thought I’d try a ‘good’ font, so I downloaded charter as recommended by the author of practical typography.

Now my instructions to do fonts were:

  1. check for a font you like
  • make sure its license allows you to embed, modify, publish on the web or redistribute the font as you intent to (links about licenses)
  1. visit http://www.fontsquirrel.com/tools/webfont-generator
  2. upload your font file (".ttf", “.eot”, “.woff”, etc) and select “Expert” option
  3. check the option case at CSS >> Base64 Encode
  4. generate your webkit: the output file is a “.zip” file containing a text file with the CSS code (stylesheet.css)
  5. copy all text from that file into a tiddler
  6. make sure the field font-family is what you want
  7. tag the tiddler [$:/tags/Stylesheet] and change the tiddler type to “Plain text (text/plain)”

This however is failing to work.
I’ve tried a few other things I found on the forums, but can’t find again now (I was trying this a week or so ago, but only at a keyboard now).

I’m sure this is an 1d0t kind of an error but any help appreciated.

My flailing attempts can be found in the recents tab here:

https://steachertests.tiddlyhost.com/

#2

It looks like you’re missing this step. When I add font-family: Charter, and then test this tiddler:

title: Font test

Plain text.

<p style="font-family: Arial">Some Arial text is here</p>

<p style="font-family: Charter">Some Chater text is here</p>

More plain text.

I see the lines of Arial and Charter appropriately.

1 Like
#3

What @Scott_Sauyet said — or, of course, to get your new beautifully legible font everywhere, specify Charter in your Control Panel (Appearance > Theme Tweaks > Settings)

#4

In addition to using Charter as font-family name, it seems you were trying to micro-specify style variations. Just use our friendly markup:

image
image1090×902 83.5 KB

1 Like
#5

That was my test tiddler to see if id got it installed right and which didn’t seem to be behaving!

1 Like
#6

I think I’ve got it!

Thanks!

Is it good typography?

https://hwh.stephenteacher.com/txtbook.html

I’m not convinced.

#7

Now how to get feelinks to use proper smallcaps and external links to use that degree sign and higlight red on hover?

#8

Can’t talk about the typography but I note that the sidebar does not have a scrollbar so it is not possible to see the full lenght of the sidebar.