Version 0.7.0 has been released! See the release announcement for more information.

Also, if you like BluestNight, please consider supporting its development.

Sometimes (sans-)serif fonts just don’t cut it for what you’re writing. You’re posting a letter on your website and want it to look handwritten, or at least have the signature look handwritten. The handwriting shortcode provides you with a number of available handwriting fonts to achieve this effect.

Typewriter Font

A typewriter font is a little different from a monospace font in that it looks worn (and like it was typed on a typewriter).

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pic- tures or conversations in it, “and what is the use of a book,” thought Alice, “without pictures or conversation?”

And here is the code that generated the above text:

{{% typewriter %}}
Alice was beginning to get very tired of sitting by her sister on
the bank, and of having nothing to do: once or twice she had
peeped into the book her sister was reading, but it had no pic-
tures or conversations in it, “and what is the use of a book,”
thought Alice, “without pictures or conversation?”
{{% /typewriter %}}

Handwriting Fonts

{{% handwriting "font-name" %}}
This text will look handwritten.
{{% /handwriting %}}

Be sure to use %% and not <> as the one with % sends the content through the markdown parser, allowing you to still have bold, italics, etc. with your handwriting font. More here.

Available fonts are:

  • "aquiline-two"
  • "blokletters"
  • "calligraffiti"
  • "felipa"
  • "note-this"
  • "over-the-rainbow"

All fonts come from FontSquirrel, a website devoted to providing 100% free fonts, including for commercial use.

Examples

{{% handwriting "aquiline-two" %}}
"Irony, we want our handwriting to look like typed fonts,
and our computer fonts to look like handwritten text."

\- Vikrmn, Corpkshetra
{{% /handwriting %}}

“Irony, we want our handwriting to look like typed fonts, and our computer fonts to look like handwritten text.”

- Vikrmn, Corpkshetra

{{% handwriting "blokletters" %}}
"Irony, we want our handwriting to look like typed fonts,
and our computer fonts to look like handwritten text."

\- Vikrmn, Corpkshetra
{{% /handwriting %}}

“Irony, we want our handwriting to look like typed fonts, and our computer fonts to look like handwritten text.”

- Vikrmn, Corpkshetra

{{% handwriting "calligraffiti" %}}
"Irony, we want our handwriting to look like typed fonts,
and our computer fonts to look like handwritten text."

\- Vikrmn, Corpkshetra
{{% /handwriting %}}

“Irony, we want our handwriting to look like typed fonts, and our computer fonts to look like handwritten text.”

- Vikrmn, Corpkshetra

{{% handwriting "felipa" %}}
"Irony, we want our handwriting to look like typed fonts,
and our computer fonts to look like handwritten text."

\- Vikrmn, Corpkshetra
{{% /handwriting %}}

“Irony, we want our handwriting to look like typed fonts, and our computer fonts to look like handwritten text.”

- Vikrmn, Corpkshetra

{{% handwriting "note-this" %}}
"Irony, we want our handwriting to look like typed fonts,
and our computer fonts to look like handwritten text."

\- Vikrmn, Corpkshetra
{{% /handwriting %}}

“Irony, we want our handwriting to look like typed fonts, and our computer fonts to look like handwritten text.”

- Vikrmn, Corpkshetra

{{% handwriting "over-the-rainbow" %}}
"Irony, we want our handwriting to look like typed fonts,
and our computer fonts to look like handwritten text."

\- Vikrmn, Corpkshetra
{{% /handwriting %}}

“Irony, we want our handwriting to look like typed fonts, and our computer fonts to look like handwritten text.”

- Vikrmn, Corpkshetra

Standard Fonts

If you want to change the font family for a block of text on a page to (sans-)serif, you can use the {{% serif %}}, {{% slab-serif %}}, and {{% sans-serif %}} shortcodes.

See more about the standard built-in fonts here.

Examples

{{% serif %}}
This text will **always** be *serif*.
{{% /serif %}}

This text will always be serif.

{{% slab-serif %}}
This text will **always** be *slab-serif*.
{{% /slab-serif %}}

This text will always be slab-serif.

{{% sans-serif %}}
This text will **always** be *sans-serif*.
{{% /sans-serif %}}

This text will always be sans-serif.