2.0.1 • Published 7 years ago
oberd-oui-icons v2.0.1
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;
}
Asset | Location |
---|---|
dist/style.css | Put this where your css is, or include in your css build |
dist/fonts/icomoon.ttf | Must be located in a relative path of fonts/ to your stylesheet |
dist/fonts/icomoon.eot | Must be located in a relative path of fonts/ to your stylesheet |
dist/fonts/icomoon.svg | Must 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 |