About:Note Fonts

Posts Wiki Search »

The font of a translation note can be altered from the site default by using the CSS property font-family.

Usage

Add the property name and desired font name to the style attribute of the surrounding HTML block.

Example: This text will use a serif font

Name specification

Single word fonts can be used as is. Multiple word fonts usually must be surrounded by apostrophes.

Example: This text will use the Times New Roman font

Generic fonts

There are five generic fonts which are available on all systems. The browser will pick the first available preferred font available on the user's OS.

The generic font names are:

serif
sans-serif
monospace
cursive
fantasy

Multiple fonts

The font-family property allows multiple fonts to be listed as fallback fonts. Each font name needs to be separated by a comma. The browser will use the first available font from among those listed.

Example: This text will use a font

In the above example, if Times New Roman is on the system, the browser will use that font. Otherwise it will pick its preferred serif font.

Note: It is generally suggested to always end a font list with a generic font. Otherwise, the font used will be dependent upon the browser.

Danbooru-supplied fonts

Danbooru supplies a set list of fonts available to use which acts as a guarantee that that font will be available to use on every browser and OS.

comic - Comic Relief, a Comic Sans replacement.
narrow - Archivo Narrow, an Arial Narrow replacement. Narrow and thin.
mono - IBM's Plex Mono, a monospace font for use on code or robot-like text.
slab sans - Anton, an Impact replacement. Narrow and thick.
slab serif - Rokkitt, a Rockwell replacement. A blocky serif font. Sometimes used for comic titles.
formal serif - Lora, a rounded, more formal serif font.
formal cursive - Petit Formal Script, a fancy cursive font.
print - Kalam, a neatly hand-printed font. Comparable to MV Boli. Suitable for neat handwriting or comics.
hand - Indie Flower, a more casual handwritten font. Comparable to Segoe Print.
childlike - Giselle Script, a more-heavily stylized handwritten font. It has a lot of nice simple loops typical of what one might find in a children's course on teaching the alphabet.
blackletter - Unifraktur Maguntia, a Gothic / Germanic / Old English style font.
scary - Anarchy, with jagged wild strokes.

Note:The multiple word fonts that Danbooru provides do not need to be surrounded by apostrophes. Only the bolded font aliases will work, not the actual font names. For example, use hand, not 'Indie Flower'.

Additionally, the following standard fonts have been aliased to other fonts: