2.0.1 • Published 7 years ago

oberd-oui-icons v2.0.1

Weekly downloads
1
License
ISC
Repository
github
Last release
7 years ago

Oui Icon Pack

npm i -S @oberd/oui-icons
import { Icon } from '@oberd/oui-icons';
<Icon name="user-md" />

Getting the assets into the browser

gulp.task('copy-assets', () =>
    gulp.src('node_modules/@oberd/oui-icons/dist/fonts/*')
        .pipe(gulp.dest('/my/apps/public/folder/css/fonts'))
)
@import '../../node_modules/@oberd/oui-icons/dist/style.css';

Overriding the location of the fonts

Sometimes, you don't want to put your fonts into the default css/fonts directory. In this case, you can override the location of the fonts by including this font-face after the fonts css. Replace /fonts/icomoon with your path.

@font-face {
    font-family: 'icomoon';
    src:url(/fonts/icomoon/icomoon.eot?2d64dcbc805d7541a98a4c0028dcee18);
    src:url(/fonts/icomoon/icomoon.eot?2d64dcbc805d7541a98a4c0028dcee18?#iefix-8v9cjq) format('embedded-opentype'),
        url(/fonts/icomoon/icomoon.woff?699512566169bb1393784a92a8174514) format('woff'),
        url(/fonts/icomoon/icomoon.ttf?ff90a605adb1777998e8d52ca119a346) format('truetype'),
        url(/fonts/icomoon/icomoon.svg?1ea344970e0e721e8f529372c2cc88b6) format('svg');
    font-weight: normal;
    font-style: normal;
}
AssetLocation
dist/style.cssPut this where your css is, or include in your css build
dist/fonts/icomoon.ttfMust be located in a relative path of fonts/ to your stylesheet
dist/fonts/icomoon.eotMust be located in a relative path of fonts/ to your stylesheet
dist/fonts/icomoon.svgMust be located in a relative path of fonts/ to your stylesheet
dist/fonts/icomoon.woff(IE8 Only) Must be located in a relative path of fonts/ to your stylesheet
2.0.1

7 years ago

2.0.0

7 years ago

1.0.7

7 years ago