docs: add reset-font docs

Author: streamich

README.md

@@ -39,8 +39,9 @@ __Tiny [5<sup>th</sup> generation](https://github.com/streamich/freestyler/blob/
   - [`unitless`](./docs/unitless.md)
   - [`!important`](./docs/important.md)
   - [`:global`](./docs/global.md)
-  - [Animations](./docs/animations.md)
-  - [CSS resets](./docs/resets.md)
+  - [`animate/*`](./docs/animations.md)
+  - [`reset/*`](./docs/resets.md)
+  - [`reset-font`](./docs/reset-font.md)
 - [Server-side rendering](./docs/SSR.md)
 
 

addon/reset-font.js

@@ -7,9 +7,9 @@ exports.addon = function (renderer) {
 
     renderer.put('', {
         'html, body': {
-            ff: '"Open Sans",sans',
-            fw: 400,
-            fz: '16px',
+            fontFamily: '"Open Sans",sans',
+            fontWeight: 400,
+            fontSize: '16px',
 
             '-moz-text-size-adjust': '100%',
             '-ms-text-size-adjust': '100%',

docs/Addons.md

@@ -26,9 +26,9 @@ plenty more to chose from. Below is a list of addons shipped with `nano-css`.
 - [`unitless`](./unitless.md) — automatically adds `px` to styles
 - [`!important`](./important.md) — adds `!important` to all declarations
 - [`:global`](./global.md) — allows emitting global styles
-- [Animations](./animations.md) — collection of animation styles
-- [CSS resets](./resets.md) — collection of CSS resets
-
+- [`animate/*`](./animations.md) — collection of animation styles
+- [`reset/*`](./resets.md) — collection of CSS resets
+- [`reset-font`](./docs/reset-font.md) — global styles for better font
 
 ## Addon Installation
 

docs/reset-font.md

@@ -0,0 +1,27 @@
+# `reset-font` Addon
+
+Injects the below global styles to make fonts look better.
+
+```js
+{
+    'html, body': {
+        fontFamily: '"Open Sans",sans',
+        fontWeight: 400,
+        fontSize: '16px',
+
+        '-moz-text-size-adjust': '100%',
+        '-ms-text-size-adjust': '100%',
+        '-webkit-text-size-adjust': '100%',
+        'text-size-adjust': '100%',
+
+        // Makes fonts more smooth/prettier.
+        '-webkit-font-smoothing': 'antialiased',
+        '-moz-osx-font-smoothing': 'grayscale',
+    }
+}
+```
+
+
+## Installation
+
+Simply install `reset-font` addon. Read more about the [Addon Installation](./Addons.md#addon-installation).