Use your browser’s element inspector or edit the file’s source to change the test sample and its font. By default, font’s fallback is set to “serif” to make it obvious when the selected font is missing from your system.
Some of the free fonts mentioned in the table below that are available from Google Fonts are linked in the CSS so that you can use them even if you don’t have them installed.
To calculate the width of test sample in ems, check the width of the containing <p class="test"> in the element inspector and divide it by its font size (default size is set to 100 px for easier calculation).
Lorem ipsum dolor.
Em widths for some common sans-serif fonts:
(table should be sortable with JavaScript enabled)
| Font | “Lorem ipsum dolor.” | Letter “M” | Average letter (a–z ÷ 26) |
|---|---|---|---|
| Arial | 8.504 | 0.833 | 0.490 |
| Calibri | 7.807 | 0.855 | 0.453 |
| Corbel | 8.008 | 0.822 | 0.468 |
| DejaVu Sans | 9.581 | 0.863 | 0.563 |
| Fira Sans | 8.772 | 0.796 | 0.507 |
| Gaupol’s internal | 11 | 1 | 0.654 |
| Helvetica | 8.488 | 0.833 | 0.489 |
| Helvetica Neue | 8.707 | 0.871 | 0.501 |
| Lato | 8.281 | 0.920 | 0.495 |
| Lucida Sans Unicode | 9.535 | 0.861 | 0.550 |
| Myriad Pro | 8.046 | 0.804 | 0.478 |
| Noto Sans | 9.220 | 0.907 | 0.530 |
| Open Sans | 9.177 | 0.903 | 0.523 |
| PT Sans | 8.165 | 0.791 | 0.479 |
| Segoe UI | 8.586 | 0.898 | 0.493 |
| Source Sans Pro | 8.104 | 0.727 | 0.472 |
| Tahoma | 8.547 | 0.771 | 0.489 |
| Trebuchet MS | 8.581 | 0.710 | 0.501 |
| Ubuntu | 8.707 | 0.871 | 0.513 |
| Verdana | 9.646 | 0.843 | 0.562 |