Angular 6에서 Font Awesome 아이콘 튜토리얼을 도입했습니다

작은 쓰레기 같은 놈들 · 게시됨 2019. 5. 13. 오후 3:29:22

Font Awesome은 웹페이지용 훌륭한 폰트 아이콘 라이브러리로, 크기, 색상, 그림자 등 CSS로 스타일링할 수 있는 확장 가능한 벡터 아이콘을 제공합니다.

우선, 렌더링 자료입니다:

환경:

각도 CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

튜토리얼:

NPM 설치 명령어:

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
NPM 워른 선택적 의존성 건너뛰기:fsevents@1.2.9(node_modules\fsevents):
npm WARN notsup 선택적 의존성 건너뛰기: 지원되지 않는 플랫폼fsevents@1.2.9: 원드 {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
69개의 패키지를 추가하고 10.117 패키지를 업데이트했습니다

임포트 모듈:

app.module.ts 또는 서브라우팅 모듈에서 가져오기:

로그인이 보이네요.

SCSS 스타일시트 소개:

angular.json, 사용된 CSS 문법을 기반으로 한 스타일 라이브러리를 도입하기로 결정하는데, 다음과 같습니다:

로그인이 보이네요.

만약 당신이사용하지 않음CLI, 스타일시트를 index.html 파일에 가져오세요:

로그인이 보이네요.

(그냥 무시해)

사용법:

로그인이 보이네요.

특성	형	심성	선택 사항
이름	스트링	F-A 아이콘	아니요
크기	스트링	LG, 2배, 3배, 4배, 5배	예
고정	불리언	맞아 \| 거짓	예
애니메이션	스트링	스핀 \| 맥박	예
회전해	번호 \| 스트링	90 \| 180 \| 270 수평 \| 수직	예
역행정	불리언	맞아 \| 거짓	예

폰트 아이콘 검색:하이퍼링크 로그인이 보입니다.

리소스:하이퍼링크 로그인이 보입니다.

yydnjas · 게시됨 2021. 8. 12. 오전 10:12:26

고마워, 큰 녀석

작은 쓰레기 같은 놈들 · 게시됨 2024. 8. 7. 오후 9:13:14

Angular 18 시리즈(22)는 FontAwesome 아이콘 라이브러리를 도입합니다
https://www.itsvse.com/thread-10805-1-1.html

[각] Angular 6에서 Font Awesome 아이콘 튜토리얼을 도입했습니다

관련 게시물

본 섹션