Displaying 1 to 7 from 7 results

typefaces - NPM packages for Open Source typefaces

  •    CSS

NPM packages for Open Source typefaces — making it easier to self-host webfonts. Each typeface package ships with all the necessary font files and css to self-host an open source typeface.

DetectFont - Detect which font your system has cherry-picked from font-family.

  •    Javascript

Detect which font your system has cherry-picked from font-family.

postcss-short - Use advanced shorthand properties in CSS

  •    Javascript

Postcss Short lets you use advanced shorthand properties in CSS. Postcss Short has been featured in Smashing Magazine. I hope all of these shorthands are useful and clear to first-time lookers. I hope they improve the readability of your stylesheets and save you development time along the way. Thank you so much for your support.




postcss-minify-font-values - Minify font declarations with PostCSS

  •    Javascript

Minify font declarations with PostCSS. This module will try to minimise the font-family, font-weight and font shorthand properties; it can unquote font families where necessary, detect & remove duplicates, and cut short a declaration after it finds a keyword. For more examples, see the tests.

font-face-generator - A powerful @font-face generator for scss

  •    CSS

Writing custom @font-face code is a huge pain. It is extremely repetitive and requires a lot of typing for each font style and font weight you wish to add to your site. There is the Font-Squirrel generator but it doesn't take font-weight and font-style into consideration when generating the @font-face code. It just generates each font as a separate font family. This means that when writing styles, you can't just write font-weight: bold, you have to write font-family: "font-name-bold". If the font name is long then that's a lot of extra characters you will need to write over and over again. It's simply not letting you write your styles in the way they are meant to be written.

fi - A snippet for inspecting font-family usage in a webpage.

  •    Javascript

A snippet for inspecting font-family usage in a webpage. To have a quick look into font-family usage in a webpage.