Skip to content

Commit

Permalink
Updated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Gilberto Tomasone authored and Gilberto Tomasone committed Apr 14, 2020
1 parent 9fc49e2 commit 41795e7
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 2 deletions.
33 changes: 32 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,40 @@ Loader for webpack to generate **fontfaces** from font families and **iconfonts*
$ npm install multifonts-loader
```

## Use Cases

### Set `fonts` and `icons` into the MARKUP

```html
<span class="font-Roboto-ThinItalic"></span>

<span class="icon icon-arrow"></span>
<span class="icon icon-arrow-after"></span>
```

### Set `fonts` and `icons` with SASS

```sass
@import 'fonts/fonts'
div
@include webfont('Arial', 'bold', 'italic')
p
@include webfont('Roboto-ThinItalic')
```

```sass
@import 'iconfont/iconfont'
span
@include webfont-icon('calendar', 'before', 'middle', '16px', 'bold', 'italic')
@include webfont-icon('arrow', 'after')
```

## Usage

### `Inject classes in the markup`
### `Inject classes into the markup`

#### `*.html`

Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "multifonts-loader",
"version": "3.2.7",
"version": "3.2.8",
"description": "A webpack loader to generate all your fontfaces and iconfonts in one go.",
"main": "./index.js",
"scripts": {
Expand Down

0 comments on commit 41795e7

Please sign in to comment.