미니 프로그램에 외부 글꼴을 도입하는 방법

머리말:

실제 프로젝트에서 때로는 예술적인 글꼴을 사용해야 할 수도 있는데, 타사 예술적인 글꼴을 어떻게 도입합니까?

(학습 영상 공유: 프로그래밍 영상)

예술적인 글꼴은 그림과 같습니다:

상세 구현:

물론 WeChat API wx.loadFontFace를 직접 사용할 수도 있습니다. 자세한 내용은 공식 샘플 문서를 확인하세요.

타사 글꼴 세트를 소개합니다(위 그림에 표시된 타사 글꼴만 제공합니다). 인터넷에는 많은 글꼴 라이브러리가 있습니다. CSS 파일에 사용자 정의 글꼴 스타일을 작성합니다. 부르다.

특정 데모 코드:

<view class="main-title">店内自取</view>

/* 字体封装 */
@font-face {
  font-family: "blod";
  src: url('https://static.heytea.com/taro_trial/v1/font/WenYue-XinQingNianTi-NC-W8_1.otf');
}
/* END */

/* 使用 */
.main-title {
  font-family: 'blod';
  font-size: 55rpx;
  padding-bottom: 20rpx;
}
/* END */

달성 효과:

관련 권장 사항: Mini 프로그램 개발 튜토리얼

위 내용은 미니 프로그램에 외부 글꼴을 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!