TYPOGRAPHY

https://www.dokuwiki.org/plugin:typography

Feature

The Typography plugin extends DokuWiki markup by adding typesetting abilities. The <typo> markup tag specifies CSS font properties such as font face, size, weight, and color of text. The parameter consists of CSS property-value pairs (property: value;), each pair must be separated by a semicolon (;), however the last one may be omitted. You can use abbreviated short name instead of full property name.

Some specific short name are also available as markup tag; <ff> (font familiy/name), <fs> (size), <fc> (color), <bg> (background-color), <fw> (weight).

short name css property name description
fc color color of text
bg background-color background color of text
fs font-size font size of text (large or small)
fw font-weight weight of a font (thick or thin characters in text)
fv font-variant display text in a small-caps font
ff font-family font family for text, must be single quoted if a font name contains white-space and non-ASCII characters
lh line-height space between the lines
ls letter-spacing an extra space between characters (in px, em, etc)
ws word-spacing an additional space between words (in px, em, etc)
sp white-space specifies how white-space is handled (preserve or collapse)
va vertical-align sets the vertical alignment
- text-transform controls the capitalization of text (capitalize, uppercase or lowercase)
- text-shadow adds shadow to text
wf (web-font) specify a web font class which prefixed “wf-”

Sometimes, inline styles are necessary when you are building a page by hand. You should however avoid them whenever possible for “semantic markup”, better maintainability, and reusability. The 'WRAP' plugin will provide most powerful and flexible method for specifying a class attribute.

Using short syntax with Toolbar menu

The Typography plugin provides a short name (or single property) syntax. This short syntax is available through toolbar icons: fontfamily/picker fontcolor/picker fontsize/picker.

Large, Very large, Huge, and smaller size text

Bold serif, Small-caps text

COMMENT

https://www.dokuwiki.org/plugin:commentsyntax

see source script for simple examples