Audi Type Extended and Screen as Webfont.


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
265Apr 20, 2021Nov 16, 2016Minified + gzip package size for @audi/audi-type in KB


Audi Type


  1. Copy the folder fonts and css to your project folder. Both folders have to be in the same folder.
  2. Link css/audi-type.min.css from your HTML files.
    <link rel="stylesheet" href="/css/audi-type.min.css">
  1. Copy all fonts to your project folder.
  2. In your main SCSS override $auditype-font-src with the path to the font folder before importing the audi-type.scss file. $auditype-font-src: 'path/to/font/folder;
  3. Import the SCSS file @import "src/scss/audi-type"; to your main SCSS.


Just open dist/index.html in your web browser of choice.


To get started, first install the necessary dependencies, from the root of the project:

npm i

Audi Type requires Gulp 4.0

Next, run the following one-liner to compile all files to dist


If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.