diff options
Diffstat (limited to 'web-ui/app/style-guide.html')
| -rw-r--r-- | web-ui/app/style-guide.html | 29 |
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> |