Typography

Types

Styling 1.0.0

Works on all typography elements

Align Left 1.0.0

Proin vestibulum tellus a urna lobortis euismod. Quisque vitae ex tortor. Aenean at ullamcorper mi, non ultricies ligula. Vestibulum a condimentum urna. Donec ac nisi aliquam, auctor dui sed, tempor turpis. Duis pretium neque lectus, non ornare mauris condimentum vitae. Nunc fringilla mattis sem tempus maximus. Phasellus consectetur facilisis lectus tincidunt fermentum. Ut rutrum venenatis eros at pulvinar. Integer id turpis dignissim, scelerisque dolor et, condimentum ligula. Nam nec tristique urna. Nam finibus tempor felis at commodo. Morbi venenatis viverra orci, in finibus arcu posuere gravida. Nulla nibh turpis, lacinia sed gravida in, tincidunt volutpat ligula. Pellentesque lobortis metus vitae mattis gravida. Suspendisse lacus neque, vehicula ac leo vitae, venenatis faucibus nisl.

Align Center 1.0.0

Morbi egestas dolor nulla. Nulla convallis purus ex, ac sodales mauris cursus sit amet. Etiam iaculis ut orci non pellentesque. Vivamus consectetur urna quis libero sodales pharetra in vitae tortor. Sed vel neque libero. Maecenas porttitor velit id semper vulputate. Proin tristique, augue a commodo vestibulum, ipsum ante pharetra mauris, vel auctor felis sapien id eros. Aenean eu luctus arcu. Vivamus finibus quam in blandit vulputate. Nullam non mollis risus, nec facilisis lacus. Aenean varius diam et dolor faucibus consectetur. Pellentesque finibus sagittis convallis. Praesent luctus turpis eget lectus eleifend convallis. Quisque leo lorem, tempus vitae ex vel, tempus malesuada urna.

Align Right 1.0.0

Quisque in velit laoreet sem pellentesque luctus eget non lacus. Nunc consequat eu ipsum eu malesuada. In eleifend maximus nisl, ac aliquam justo ultrices et. Donec ut vestibulum tellus. Sed id mauris in libero sodales congue. Nam facilisis non tellus sed imperdiet. Nunc pulvinar tellus ut nulla sodales, vitae tincidunt massa egestas. Integer ac rutrum nisl. Vestibulum sed viverra enim. Mauris finibus diam a nulla volutpat faucibus. Praesent laoreet rhoncus justo nec rutrum. Vestibulum consequat libero vel tellus suscipit semper in vel metus. Fusce velit nisi, sagittis at metus non, mattis aliquam dolor. In finibus, turpis id ultrices aliquam, est mauris auctor sapien, at fringilla felis nulla in sem. Donec pellentesque nibh arcu, a placerat odio ornare eu. Ut rutrum enim a turpis lobortis, a dignissim nunc iaculis.

Align Justify 1.0.0

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec aliquam nulla. Sed ligula quam, interdum non aliquet eget, mattis a nulla. Mauris tincidunt nulla in nibh tristique finibus. Ut non nisl ligula. Vivamus faucibus egestas felis. Mauris non purus vel elit rhoncus efficitur.

With Bold 1.0.0

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec aliquam nulla. Sed ligula quam, interdum non aliquet eget, mattis a nulla. Mauris tincidunt nulla in nibh tristique finibus. Ut non nisl ligula. Vivamus faucibus egestas felis. Mauris non purus vel elit rhoncus efficitur.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec aliquam nulla. Sed ligula quam, interdum non aliquet eget, mattis a nulla. Mauris tincidunt nulla in nibh tristique finibus. Ut non nisl ligula. Vivamus faucibus egestas felis. Mauris non purus vel elit rhoncus efficitur.

With Bolder 2.0.2

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec aliquam nulla. Sed ligula quam, interdum non aliquet eget, mattis a nulla. Mauris tincidunt nulla in nibh tristique finibus. Ut non nisl ligula. Vivamus faucibus egestas felis. Mauris non purus vel elit rhoncus efficitur.

With Lighter 2.0.2

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec aliquam nulla. Sed ligula quam, interdum non aliquet eget, mattis a nulla. Mauris tincidunt nulla in nibh tristique finibus. Ut non nisl ligula. Vivamus faucibus egestas felis. Mauris non purus vel elit rhoncus efficitur.

With Italic 1.0.0

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nec aliquam nulla. Sed ligula quam, interdum non aliquet eget, mattis a nulla. Mauris tincidunt nulla in nibh tristique finibus. Ut non nisl ligula. Vivamus faucibus egestas felis. Mauris non purus vel elit rhoncus efficitur.

Text Size 1.0.0

Sizing of Elements

Text Size 8px

Text Size 10px

Text Size 12px

Text Size 14px

Text Size 16px

Text Size 18px

Text Size 20px

Text Size 22px

Text Size 24px

Text Size 30px

Text Size 36px

Text Size 48px

Text Size 96px

Help Preserve this Project

Support for the continued development of RenUI comes directly from the community.

Donate Today