---
layout: default
---
<div class="home">
  <section>
    <div class="row">
      <div class="small-8 columns">
        <h2>How to use it</h2>
      </div>
      <div class="small-4 columns text-right">
        <a href="//github.com/earaujoassis/ubuntu-fontface" class="button github">
          <span class="octicon octicon-logo-github"></span>
        </a>
      </div>
    </div>
    <div class="row">
      <div class="large-12 columns">
        <ol>
          <li>
            <p>Install it from <a href="//bower.io">Bower</a></p>
            <pre class="highlight">
  <span class="m">$</span> bower install [--save] ubuntu-fontface
            </pre>
          </li>
          <li>
            <p>Import it on SCSS/LESS/CSS source code. Assuming <code class="highlight"><span class="si">{BOWER_PATH}</span></code> is <code class="highlight"><span class="sr">bower_components</span></code>;
  <code class="highlight"><span class="si">{SUFFIX}</span></code> options are <code class="highlight"><span class="sr">-base</span></code>, <code class="highlight"><span class="sr">-condensed</span></code> and <code class="highlight"><span class="sr">-mono</span></code>;
  <code class="highlight"><span class="si">{EXTENSION}</span></code> options are <code class="highlight"><span class="sr">css</span></code>, <code class="highlight"><span class="sr">less</span></code>, <code class="highlight"><span class="sr">scss</span></code>,
  depending whether you're using pure CSS, <a href="//sass-lang.com/">SCSS</a> or <a href="//lesscss.org/">LESS</a>. The <code class="highlight"><span class="si">{SUFFIX}</span></code> is not available if you're importing the pure CSS file.
  A minified file is available for the pure CSS version.</p>
            <pre class="highlight">
  <span class="nf">@import</span> <span class="sr">"<span class="si">{BOWER_PATH}</span>/ubuntu-fontface/ubuntu<span class="si">{SUFFIX}</span>.<span class="si">{EXTENSION}</span>"</span>;
            </pre>
          </li>
          <li>
            <p>If you need any help (or have found any bug &#x1f41e;), please post it on <a href="//github.com/earaujoassis/ubuntu-fontface/issues">/issues</a>. Thank you!</p>
          </li>
        </ol>
      </div>
    </div>
  </section>
  <section class="row">
    <div class="large-12 columns">
      <h2>Examples</h2>
      <blockquote>
        <p>Любо́вь сильне́е сме́рти и стра́ха сме́рти. То́лько е́ю, то́лько любо́вью де́ржится и движется жизнь.</p>
        <footer><cite>И.С.Тургенев (1818 &ndash; 1883)</cite></footer>
      </blockquote>
      <blockquote>
        <p>θάνατος οὐδὲν διαφέρει τοῦ ζῆν.</p>
        <footer><cite>Θαλῆς (ὁ Μιλήσιος) (c. 624 &ndash; c. 546 BC)</cite></footer>
      </blockquote>
      <blockquote>
        <p>Außerordentliche Übel erfordern außerordentliche Mittel</p>
        <footer><cite>Unknown author</cite></footer>
      </blockquote>
      <blockquote>
        <p>Those who make quick decisions are not also safe.</p>
        <footer><cite>Unknown author</cite></footer>
      </blockquote>
      <blockquote>
        <p>Plus ça change, plus c'est la même chose.</p>
        <footer><cite>Ray Bradbury, Beyond 1984: The People Machines. (1979)</cite></footer>
      </blockquote>
    </div>
  </section>
</div>