Fira

Firaで使われているGitHub Pages経由で配信されているFiraファミリをウェブページで使用する例。

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Fusce non volutpat justo. Integer laoreet id augue at lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce eros purus, faucibus et laoreet et, volutpat non est. Donec commodo sed lorem quis dapibus. In arcu libero, molestie eu orci ac, sagittis eleifend eros. Ut eleifend arcu massa, non viverra nisi faucibus a. Pellentesque pulvinar quam libero, eget dapibus leo fringilla vel. Donec varius elit ac erat mollis, sed consectetur urna cursus. Nulla ornare elit eget diam pulvinar laoreet. Donec bibendum turpis eu egestas condimentum. Phasellus eget convallis nibh, nec consequat metus. Donec auctor enim pulvinar sollicitudin elementum. Donec congue augue eu posuere iaculis. Nulla placerat rhoncus libero, sit amet consequat ligula sollicitudin eu.

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Fira Sans"),
    local("FiraSans-Regular"),
    url("http://mozilla.github.io/Fira/woff/FiraSans-Regular.woff") format("woff");
}

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Fira Sans Bold"),
    local("FiraSans-Bold"),
    url("http://mozilla.github.io/Fira/woff/FiraSans-Bold.woff") format("woff");
}

@font-face {
  font-family: "Fira Mono";
  font-style: normal;
  font-weight: 400;
  src: local("Fira Mono"),
    local("FiraMono-Regular"),
    url("http://mozilla.github.io/Fira/woff/FiraMono-Regular.woff") format("woff");
}

@font-face {
  font-family: "Fira Mono";
  font-style: normal;
  font-weight: 700;
  src: local("Fira Mono Bold"),
    local("FiraMono-Bold"),
    url("http://mozilla.github.io/Fira/woff/FiraMono-Bold.woff") format("woff");
}