Fonts

This page is about handling fonts in general, the upper part is newer and handles linux console fonts, the lower part handles web fonts.

Linux console fonts

The standard font on debian bookworm was not very appealing to me, and so I tried to get back the font I used on bullseye : 'terminus'

However that looked a bit odd :

So i tried to install some other fonts, now located in ~/.fonts and added to the home repository !. The fonts were downloaded as .tff files and you can just copy them into ~/.fonts

If you want to do it more system-wide, these locations are also possible

/usr/local/share/fonts (system-wide)
~/.local/share/fonts (user-specific)
~/.fonts

Cascadia

This really is an recognizable font, bigger capital P rounder, easy on the eye.

https://github.com/microsoft/cascadia-code/releases

export FONT='-fa CascadiaCode -fs 13'

JetBrainsMono

Here the fonts start to look a bit alike. YOu can see the difference with CascadiaCode above but more difficult with Hack and Input.

This font does have a narrower capital O, in fact the O is one of the points where you can see difference.

https://www.jetbrains.com/lp/mono/

export FONT='-fa JetBrainsMono -fs 13'

Hack

More round versions of all letters. for instance o, d, O.

https://sourcefoundry.org/hack/

export FONT='-fa Hack -fs 13'

Input

Here there is a straight bit on O, o and p etc.. I think i like that a bit more ?

I might as well try them all out for a while.

https://input.djr.com/download/

export FONT='-fa Input -fs 13'

custom web font

To use a custom font you downloaded on your website is very easy. First place or unpack the font file in a reachable location on your website, might i suggest the /font directory ;). Then add this to your style sheet :

@font-face{
    font-family: "SourceSansPro-Regular";
    src: url('../fonts/SourceSansPro-Regular.otf');
    url('../fonts/SourceSansPro-Regular.otf');
}

The actual font used here is the one used on the main website. So not this documentation site. Now you can use the font-family: "SourceSansPro-Regular" as an installed font.

Additional info: I found the font on this award nominated site : Prototype-interactive I got the font using the chrome debugger elements tab. and i downloaded it from fontsquirrel

icon fonts

The main site contains some generated fonts that are retrieved from icomoon.

This consists if a number of files :

| . icomoon.dev.svg | . icomoon.svg | . icomoon.eot | . icomoon.ttf | . icomoon.woff

The last 3 are binary files, eot(embedded open type) , ttf (true type font) and woff(web open font format). I also suspect that svg is created from dev.svg, but whatever changes you make in the svg file don't get reflected in the result, so the 3 binary formats must be generated by hand somehow.

fontforge

apt-get install fontforge

For linux this is a very handy package, you just create a shell script like this :

#!/usr/bin/fontforge
Open($1)
Generate($1:r + ".ttf")
Generate($1:r + ".woff")
Generate($1:r + ".eot")

And it will create each file for you.