angular-entypo

Usage

1. Include the Entypo Font.

Option A: Use the font hosted by jsdelivr:

@font-face {
    font-family: 'entypo';
    src: url('https://cdn.jsdelivr.net/gh/derektbrown/[email protected]/fonts/entypo.eot');
    src: url('https://cdn.jsdelivr.net/gh/derektbrown/[email protected]/fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/derektbrown/[email protected]/fonts/entypo.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/derektbrown/[email protected]/fonts/entypo.ttf') format('truetype'),
         url('https://cdn.jsdelivr.net/gh/derektbrown/[email protected]/fonts/entypo.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Option B: Download the font and include it manually.

2. Install the angular-entypo package from npm.

3. Import the AngularEntypoModule and declare the AngularEntypoComponent like so:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

//  |  DOWN HERE
//  V
import { AngularEntypoModule, AngularEntypoComponent } from 'angular-entypo';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularEntypoModule // <-- AND AGAIN HERE
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

4. Use it to create icons:

<entypo name="phone"></entypo>
<entypo name="github"></entypo>

<!-- Also supports some font-awesome style transforms: !-->
<entypo name="github" flip="vertical" scale="3"></entypo>