# 16pixels

> 16pixels.css is a set of CSS rules to ensure consistent 16 pixels based typography. Pixels are used for font sizes and line heights, as well as for paddings and margins. Can be used as typography normalizer. No dependencies. Wrap your HTML content with cl

Latest version **0.1.14** (published 2025-04-01) · (MIT) license · 0 weekly downloads

## Install

```sh
npm install 16pixels
pnpm add 16pixels
yarn add 16pixels
bun add 16pixels
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.14 |
| Published | 2025-04-01 |
| First published | 2015-04-21 |
| Weekly downloads | 0 |
| License | (MIT) |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 62.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 25 |
| Author | englishextra |
| Maintainers | englishextra |
| Keywords | 16pixels, typeface, font, css, grid, typography |

## Links

- npm: https://www.npmjs.com/package/16pixels
- Repository: https://github.com/englishextra/16pixels
- Homepage: https://github.com/englishextra/16pixels#readme
- Issues: https://github.com/englishextra/16pixels/issues
- npm.io page: https://npm.io/package/16pixels

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 0.1.14 (latest) — 2025-04-01
- 0.1.13 — 2021-10-03
- 0.1.12 — 2021-04-11
- 0.1.11 — 2021-01-14
- 0.1.10 — 2021-01-14
- 0.1.9 — 2017-02-04
- 0.1.8 — 2016-09-17
- 0.1.7 — 2016-09-15
- 0.1.6 — 2015-11-19
- 0.1.5 — 2015-05-03
- 0.1.3 — 2015-04-21

## README

# 16pixels

**16pixels.css** is a set of CSS rules to ensure consistent 16 pixels based typography. Pixels are used for font sizes and line heights, as well as for paddings and margins. Can be used as typography normalizer. No dependencies. Wrap your HTML content with class **.col** and you are done.

[![npm](https://img.shields.io/npm/v/16pixels.svg)](https://www.npmjs.com/package/16pixels)
[![Codacy Badge](https://app.codacy.com/project/badge/Grade/0de605fc9397497895508d26e3bdbae2)](https://www.codacy.com/manual/englishextra/16pixels/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=englishextra/16pixels&amp;utm_campaign=Badge_Grade)
[![CDNJS](https://img.shields.io/cdnjs/v/16pixels.svg)](https://cdnjs.com/libraries/16pixels)
[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/16pixels/badge)](https://www.jsdelivr.com/package/npm/16pixels)

![16pixels](https://github.com/englishextra/16pixels/raw/master/img/16pixels-logo-36D7B7-935x230.png)

## npm Install

`npm install 16pixels`

## Usage

```html
<!DOCTYPE html>
<html class="no-js" lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link rel="stylesheet" href="16pixels.min.css" />
  </head>
  <body>
    <div class="col">
      <h1>Heading&#160;1</h1>

      <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
      </p>
    </div>
  </body>
</html>
```

## License

Available under [MIT license](https://opensource.org/licenses/MIT).

---
_Source: https://npm.io/package/16pixels · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
