ht-typography.css

0.2.0 • Public • Published

typography.css GitHub release npm version

Plug and use preset fonts CSS

Demo

typography.css is a css that change your default font using more beautiful preset. Great to use in projects that emphasis on typography.

Installation

Install via npm:

$ npm i ht-typography.css --save

Usage

To use typography.css in your website, simply drop the stylesheet into your document's <head>, and add the class animated to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!

All you need is to add the stylesheet into your html <head> and add the preset to the <body> or <div> tag.

<head>
  <link rel="stylesheet" href="typography.css">
</head>

Classes

To animate an element, add the class animated to an element. You can include the class infinite for an infinite loop. Finally you need to add one of the following classes to the element:

Class Name Presets Class Headers Class Paragraph
general general_header general_paragraph
high-end high-end_header high-end_paragraph
modern modern_header modern_paragraph
start-up start-up_header start-up_paragraph
elegant elegant_header elegant_paragraph
attention attention_header attention_paragraph
medieval medieval_header medieval_paragraph
art art_header art_paragraph

Example Preset:

<div class="elegant">
  <h1>Header</h1>
  <p>paragraph here</p<
</div>

Example Individual Element:

<div>
  <h1 class="art_header">Header</h1>
  <p class="modern_paragraph">paragraph here</p<
</div>

License

Animate.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)

Package Sidebar

Install

npm i ht-typography.css

Weekly Downloads

1

Version

0.2.0

License

MIT

Unpacked Size

8.7 kB

Total Files

4

Last publish

Collaborators

  • ako2013