Typography
==========

Fonts
-----

Our default font is `Ubuntu <https://design.ubuntu.com/font/>`__ `[2] <https://en.wikipedia.org/wiki/Ubuntu_(typeface)>`__ installed in the system.

.. rst-class:: invert-grayscale

.. figure:: /_static/images/humanguide/01.png

For the font sizes to be consistent across devices, instead of setting the font size as a number of pixels or points, it is imperative to define the font size in terms of size names:

+---------+------+---------+--------+---------+
| Font    | gu   | Desktop | Phone  | Tablet  |
| Size    |      |         |        |         |
| Name    |      |         |        |         |
+=========+======+=========+========+=========+
|         |      |         | 4" HD  | 10" HD  |
|         |      |         | Screen | screen  |
+---------+------+---------+--------+---------+
| x-small | 1.25 | 10 px   | 22 px  | 12 px   |
+---------+------+---------+--------+---------+
| small   | 1.5  | 12 px   | 27 px  | 15 px   |
+---------+------+---------+--------+---------+
| medium  | 1.75 | 14 px   | 31 px  | 18 px   |
+---------+------+---------+--------+---------+
| large   | 2.5  | 20 px   | 45 px  | 25 px   |
+---------+------+---------+--------+---------+
| x-large | 3.5  | 28 px   | 76 px  | 42 px   |
+---------+------+---------+--------+---------+

.. figure:: /_static/images/humanguide/02.png