Sha256: a238c916ab319935beef37c76ceb6e0290e01c641b310850da44475d7d60ea0a

Contents?: true

Size: 1.45 KB

Versions: 12

Compression:

Stored size: 1.45 KB

Contents

Typography is a key element of how we communicate at uSwitch. We've recently revised our type settings and removed Open Sans from our fonts to increase legibility across devices.

We have chosen to use system fonts across the website for multiple reasons:

* Improved legibility in operating systems
* No performance overhead in loading custom fonts
* Users are accustomed to their operating system fonts

Depending on the operating system you are on, you will get one of the following fonts:

<table class="pure-table pure-table-bordered">
<thead>
<tr class="header">
<th>Font</th>
<th>Device Targeted</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>-apple-system (San Francisco)</td>
<td>iOS Safari, macOS Safari, macOS Firefox</td>
</tr>
<tr class="even">
<td>BlinkMacSystemFont (San Francisco)</td>
<td>macOS Chrome</td>
</tr>
<tr class="odd">
<td>Segoe UI</td>
<td>Windows</td>
</tr>
<tr class="even">
<td>Roboto</td>
<td>Android, Chrome OS</td>
</tr>
<tr class="odd">
<td>Oxygen / Oxygen-Sans</td>
<td>KDE</td>
</tr>
<tr class="even">
<td>Fira Sans</td>
<td>Firefox OS</td>
</tr>
<tr class="odd">
<td>Droid Sans</td>
<td>Older versions of Android</td>
</tr>
<tr class="even">
<td>Ubuntu</td>
<td>Ubuntu</td>
</tr>
<tr class="odd">
<td>Cantarell</td>
<td>GNOME</td>
</tr>
<tr class="even">
<td>Helvetica Neue</td>
<td>macOS versions &lt; 10.11</td>
</tr>
<tr class="odd">
<td>Arial</td>
<td>Any</td>
</tr>
<tr class="even">
<td>sans-serif</td>
<td>Any</td>
</tr>
</tbody>
</table>

Version data entries

12 entries across 12 versions & 2 rubygems

Version Path
reustyle-2.0.11 styleguide/content/design/typography.md
reustyle-2.0.10 styleguide/content/design/typography.md
reustyle-2.0.9 styleguide/content/design/typography.md
reustyle-2.0.8 styleguide/content/design/typography.md
reustyle-2.0.7 styleguide/content/design/typography.md
ustyle-1.19.2 styleguide/content/design/typography.md
ustyle-1.16.2 styleguide/content/design/typography.md
ustyle-1.16.1 styleguide/content/design/typography.md
ustyle-1.15.3 styleguide/content/design/typography.md
ustyle-1.14.11 styleguide/content/design/typography.md
ustyle-1.14.10 styleguide/content/design/typography.md
ustyle-1.14.0 styleguide/content/design/typography.md