qrcode.chapril.org/ubuntu/site/index.html

68 lines
3.3 KiB
HTML
Raw Normal View History

2019-08-13 21:17:08 +02:00
---
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>