summaryrefslogtreecommitdiff
path: root/web-ui/app/style-guide.html
diff options
context:
space:
mode:
authorGabriel Albo <gabriel@albo.com.br>2014-08-20 17:37:03 -0300
committerGabriel Albo <gabriel@albo.com.br>2014-08-20 17:37:03 -0300
commit27ebf2d416df50513c19d83472e999530c9ce568 (patch)
tree7588b7fb1ea8eb10e583c29253e25b97b8a7a961 /web-ui/app/style-guide.html
parentbc6c616791ac0a81f64313001c5173a92c8ae172 (diff)
Adding typography information
Diffstat (limited to 'web-ui/app/style-guide.html')
-rw-r--r--web-ui/app/style-guide.html29
1 files changed, 19 insertions, 10 deletions
diff --git a/web-ui/app/style-guide.html b/web-ui/app/style-guide.html
index 35a3797b..39a4cdfe 100644
--- a/web-ui/app/style-guide.html
+++ b/web-ui/app/style-guide.html
@@ -124,16 +124,25 @@
<h2>Typography</h2>
</br>
- Typography. Basic references to typefaces and sizes.
- </br>
- Typography. Basic references to typefaces and sizes.
- </br>
- Typography. Basic references to typefaces and sizes.
- </br>
- Typography. Basic references to typefaces and sizes.
- </br>
- Typography. Basic references to typefaces and sizes.
- </br>
+ Pixelated uses Open Sans as its main font for its readability and wide range of variations. <a href="https://www.google.com/fonts/specimen/Open+Sans">Open Sans</a> is a humanist sans serif typeface created by Steve Matteson.
+ </br>
+ <ul class="typography">
+ <li>
+ <h2>Aa</h2>
+ <span>Regular</span>
+ </li>
+ <li>
+ <h2 style="font-weight: bold;">Aa</h2>
+ <span>Bold</span>
+ </li>
+ <li>
+ <h2 style="font-weight: 800;">Aa</h2>
+ <span>Extra Bold</span>
+ </li>
+ <li>
+ <h2 style="font-weight: lighter;">Aa</h2>
+ <span>Lighter</span>
+ </li>
</section>
<section id="components" class="guide-section" name="components">
<h2>Components</h2>