미니 프로그램에서 Apple Pingfang 글꼴을 설정하는 방법

미니 프로그램에서 Apple Pingfang 글꼴을 설정하는 방법

미니 프로그램에서 Pingfang 글꼴을 사용하려면 공식 API인 wx.loadFontFace(외부 글꼴 로드)를 사용할 수 있습니다.

사용 예:

wx.loadFontFace ({
  family: 'PingFangSC-Medium',
  source: 'url("https://www.your-server.com/PingFangSC-Medium.ttf")',
  success: function(){console.log('load font success')}
})

(추천 학습: Mini Program Development)

여기서 한 가지 주의할 점은 family에 있는 이름이 사용될 때 글꼴 패밀리의 이름이라는 것입니다. 글꼴은 다음과 같이 사용됩니다.

.foo {
    font-family:PingFangSC-Medium;
}

Recommendation

글꼴이 상대적으로 클 수 있으므로 작은 프로그램에서 여러 글꼴을 사용하는 것은 권장되지 않으며 이는 사용자 경험에 영향을 미칩니다.

인터페이스 효과를 보장하기 위해 onLoad 주기에서 글꼴을 로드하고, 성공 콜백에서 후속 작업을 수행하고, 필요할 때 Loading을 추가하여 프로그램을 더욱 친숙하게 만들 수 있습니다.

PHP 중국어 웹사이트, 수많은 thinkphp 튜토리얼, 학습을 환영합니다!

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