( . 1 ) 에 표시되는 HTML + 폰트 기준 :
단순히 글꼴 색상을 수정 아이콘의 색상을 수정 사진 크기는 단순히 글꼴 크기를 수정 변경할 수 있습니다.
글꼴 사진에 대해, 우리는 자신을 생성 할 수 있습니다, 또한 인터넷 (에서 다운로드 할 수 있습니다 https://icomoon.io/app/#/select ), FontAwesome ( 온라인 아이콘 글꼴 라이브러리,하지만 제한된 자원 ) 등등합니다.
( 2 ) IcoMoon는 온라인 아이콘 글꼴 생성기입니다. 그것은 우리가 개인을 통해 생성 설정할 수 있습니다 아이콘 , 우리는 지역 업로드 할 수있는 글꼴 아이콘 도 사용할 수있는 자원을 IcoMoon 우리에게 풍부한 자료를, 궁극적으로 생성
ICON의 우리가 형식 (다양한 선택할 수있는 글꼴 EOT, SVG, WOFF, TTF를 ). 스텝 변환 특별히 참조 https://www.jianshu.com/p/86fca912fd1d를 다운로드하는 변환 후.
(3) 다운로드 한 압축 파일을 압축 해제 한 후, 복사 글꼴 , CSS는 같은 파일 (주로하기 때문에 파일을 CSS를 파일 URL의 페이지에 소개 세트), CSS를 파일,
(4) 원하는 페이지를 참조하여, 해당 태그는 직접 첨가 수준 , 스타일 속성에 대한 참조.
.icon-쓰레기-할 수 있습니다 전에 의사 요소는 문자 아이콘을 생성하는 "전에" 문자가 왼쪽에 표시되는 대표 "후" 오른쪽에 나타납니다.
장점 (5) 문자 아이콘
쉽게 임의적으로 확장 할 수 있으며, 쉽게 색상을 변경, 쉽게 그림자, 투명성의 효과를 가질 수 있습니다
할 (투명도, 회전 등을 변경) 할 수있는 같은 그림으로 만들어 질 수있다;
자체는 작지만 정보를 잘라 수행하지.
도 비트 비교 : 확대 된 이미지 (즉, 흐리게) 왜곡 될 때 비트 맵 이미지가 매우 잘 조절되지 않는 경우에 화상
축소 할 때 픽셀이 낭비됩니다. 그리고 각각의 이미지는 필요를 넣지 " HTTP의 요청", 따라서 드래그
페이지가로드 된 전체 시간을 천천히.