Fonts

Main fonts of the front-end framework
TypeFont StylesUsage
Primary content Arial, Helvetica, Verdana, sans-serif generic content
Secondary content Georgia, 'Times New Roman', Times, serif button-links, toolbar headers, …
Headings "Arial Black", Arial, Helvetica, Verdana, sans-serif content headings
Title Impact, "Arial Black", Arial, sans-serif site title, panel titles, sidebar headings, external content headings, …
Code Monaco, Courier, "Lucida console", "Consolas", monospace Code samples
Icons epfl-symbols Icons to illustrate an action

Headings

Level 1 Heading

Level 2 Heading

Level 3 Heading

Level 4 Heading

Level 5 Heading
Level 6 Heading

Common content

In Pellentesque Faucibus Vestibulum. Nulla At Nulla Justo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit.

Odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur.

Themed content

In Pellentesque Faucibus Vestibulum. Nulla At Nulla Justo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit.

Odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur.

Code blocks

A sample Java code block:

public class HelloWorld {
  public static void main(String[] args) {
    System.out.println("Hello, World");
  }
}