本文整理汇总了TypeScript中@fortawesome/fontawesome.library.add方法的典型用法代码示例。如果您正苦于以下问题:TypeScript library.add方法的具体用法?TypeScript library.add怎么用?TypeScript library.add使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@fortawesome/fontawesome.library
的用法示例。
在下文中一共展示了library.add方法的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1:
import {Component} from '@angular/core';
// I remove temporary fontawesome5 and downgrade to fontawesome4
import fontawesome from '@fortawesome/fontawesome';
import solid from '@fortawesome/fontawesome-free-solid/';
fontawesome.library.add(solid);
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
}
示例2:
import fontawesome from '@fortawesome/fontawesome'
import * as faEraser from '@fortawesome/fontawesome-free-solid/faEraser';
import * as faArrowRight from '@fortawesome/fontawesome-free-solid/faArrowRight';
import * as faFastBackward from '@fortawesome/fontawesome-free-solid/faFastBackward';
import * as faReplyAll from '@fortawesome/fontawesome-free-solid/faReplyAll';
import * as faCopy from '@fortawesome/fontawesome-free-solid/faCopy';
import * as faTrashAlt from '@fortawesome/fontawesome-free-solid/faTrashAlt';
import * as faAngleLeft from '@fortawesome/fontawesome-free-solid/faAngleLeft';
import * as faAngleRight from '@fortawesome/fontawesome-free-solid/faAngleRight';
fontawesome.library.add(faEraser)
fontawesome.library.add(faArrowRight)
fontawesome.library.add(faFastBackward)
fontawesome.library.add(faReplyAll)
fontawesome.library.add(faFastBackward)
fontawesome.library.add(faCopy)
fontawesome.library.add(faTrashAlt)
fontawesome.library.add(faAngleLeft)
fontawesome.library.add(faAngleRight)
示例3:
const InitializeIconLibrary = () => {
fontawesome.library.add(faCheck);
};
示例4: if
/**
* Replace fontawesome symbols
*/
import * as fontawesome from '@fortawesome/fontawesome';
import regular from '@fortawesome/fontawesome-free-regular';
import solid from '@fortawesome/fontawesome-free-solid';
import brands from '@fortawesome/fontawesome-free-brands';
fontawesome.library.add(regular, solid, brands);
export const pattern = /%fa:(.+?)%/g;
export const replacement = (match: string, key: string) => {
const args = key.split(' ');
let prefix = 'fas';
const classes: string[] = [];
let transform = '';
let name;
args.forEach(arg => {
if (arg == 'R' || arg == 'S' || arg == 'B') {
prefix =
arg == 'R' ? 'far' :
arg == 'S' ? 'fas' :
arg == 'B' ? 'fab' :
'';
} else if (arg[0] == '.') {
classes.push('fa-' + arg.substr(1));
} else if (arg[0] == '-') {
transform = arg.substr(1).split('|').join(' ');
示例5:
/* after changing this file run 'yarn run webpack:build' */
/* tslint:disable */
import '../content/css/vendor.css';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/of';
import 'rxjs/add/observable/throw';
// Imports all fontawesome core and solid icons
import fontawesome from '@fortawesome/fontawesome';
import solid from '@fortawesome/fontawesome-free-solid';
// Adds the SVG icon to the library so you can use it in your page
fontawesome.library.add(solid.faUser);
fontawesome.library.add(solid.faSort);
fontawesome.library.add(solid.faSync);
fontawesome.library.add(solid.faEye);
fontawesome.library.add(solid.faBan);
fontawesome.library.add(solid.faTimes);
fontawesome.library.add(solid.faArrowLeft);
fontawesome.library.add(solid.faSave);
fontawesome.library.add(solid.faPlus);
fontawesome.library.add(solid.faPencilAlt);
fontawesome.library.add(solid.faBars);
fontawesome.library.add(solid.faHome);
fontawesome.library.add(solid.faThList);
fontawesome.library.add(solid.faUserPlus);
fontawesome.library.add(solid.faRoad);
fontawesome.library.add(solid.faTachometerAlt);
fontawesome.library.add(solid.faHeart);