68 lines
3.3 KiB
HTML
68 lines
3.3 KiB
HTML
|
---
|
|||
|
|
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 🐞), 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 – 1883)</cite></footer>
|
|||
|
|
</blockquote>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>θάνατος οὐδὲν διαφέρει τοῦ ζῆν.</p>
|
|||
|
|
<footer><cite>Θαλῆς (ὁ Μιλήσιος) (c. 624 – 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>
|