Font customization

Applies to: v0.5 or newer

FlorisBoard offers a variety of customization options for fonts with themes.

Font family#

FlorisBoard by default uses the font installed in the system. This can be overridden with themes though. Generally, there are two types of fonts: generic fonts, and custom fonts.

Generic Fonts#

Without any further setup, FlorisBoard supports five different font families, as shown below:

Name	Example
system	Example text.
sans-serif	Example text.
serif	Example text.
monospace	Example text.
cursive	Example text.

These can be used by assigning a generic font family value to the font-family property.

Custom fonts#

TODO: document :D

Font size#

Controls the size of the text to be rendered.

• Property name: font-size
• Inherits implicitly: yes

Property value	Description
<num>sp	Defines the font size in scale-independent pixels. <num> must be an integer >= 1.

Font style#

Controls whether text is rendered in normal or italic style.

• Property name: font-style
• Inherits implicitly: yes

Property value	Example
normal	Example text.
italic	Example text.

Font weight#

Controls the weight of the text to be rendered.

• Property name: font-weight
• Inherits implicitly: yes

Property value	Example
thin or 100	Example text.
extra-light or 200	Example text.
light or 300	Example text.
normal or 400	Example text.
medium or 500	Example text.
semi-bold or 600	Example text.
bold or 700	Example text.
extra-bold or 800	Example text.
black or 900	Example text.