RaxQNv

index.html

<div class="sample">AaBb</div>
<div class="glyph-range bold">ABCÇDEFGĞHIİJKLMNOÖPRSŞTUÜVWXYZabcçdefgğhıijklmnoöpqrsştuüvwxyz1234567890&amp;.,?!&#64;()#$%*+-=:;</div>
<div class="glyph-range">ABCÇDEFGĞHIİJKLMNOÖPRSŞTUÜVWXYZabcçdefgğhıijklmnoöpqrsştuüvwxyz1234567890&amp;.,?!&#64;()#$%*+-=:;</div>
<div class="glyph-range light">ABCÇDEFGĞHIİJKLMNOÖPRSŞTUÜVWXYZabcçdefgğhıijklmnoöpqrsştuüvwxyz1234567890&amp;.,?!&#64;()#$%*+-=:;</div>

RaxQNv.markdown

RaxQNv

A Pen by Fatih on CodePen.

License.

style.less

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic);

body {
  font-family: 'Open Sans', sans-serif;
}

.sample {
  font-size: 100px;
}

.glyph-range {
  font-size: 24px;
}

.bold {
  font-weight: 600;
}

.light {
  font-weight: 300;
}