WeChat 애플릿에서 멋진 글꼴 아이콘을 사용하는 방법

font-awesome 글꼴 패키지 다운로드
Transfonter 웹사이트를 열고 Fontawesome-webfont.ttf 글꼴을 업로드하세요(이론적으로 다른 파일 형식도 변환 가능) , 아직 시도하지 않았습니다) ), base64 인코딩을 선택하고 변환하여

을 다운로드합니다. 다운로드한 패키지에 스타일 파일이 있습니다. 다음 코드를 작성하고 Font-awesome.css의 내용과 비교하여 WeChat

에 추가하세요.

@font-face {
font-family: 'fa';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTXLOMIUAAlXMAAAAHEdERUYAJwKrAAJVrAAAAB5PUy8yiDJ6IwAAAVgAAABgY21hcJ0vdNQAAAw4AAADAmdhc3D//wADAAJVpAAAAAhnbHlmHejPwQAAGdQAAh3kaGVhZAbB4eAAAADcAAAANmhoZWEO+QqbAAAB......long long) format('truetype');
font-weight: normal;
font-style: normal;
}
.fa {
font-family: "fa" !important;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
//long long long...........

그런 다음 >와 같이 미니 프로그램에서 class="fa fa-user"를 사용하세요. ;

위 내용은 WeChat 애플릿에서 멋진 글꼴 아이콘을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!