WeChat 미니 프로그램에서 특수 글꼴을 참조할 수 있나요?

WeChat 애플릿에서 특수 글꼴을 참조할 수 있나요?

특수 글꼴을 참조할 수 있나요?

구체적인 방법은 다음과 같습니다.

방법 1: base64 형식으로 변환

1 사용할 글꼴을 다운로드합니다. TTF 형식을 권장합니다

2. org/ 형식을 변환하여 압축된 패키지를 얻습니다

3. 압축된 패키지의 압축을 푼 후 stylesheet.css의 내용을 미니 프로그램의 공개 스타일로 복사하여 사용하면 됩니다

추천 학습: 미니 프로그램 개발

방법 2: 네트워크 글꼴의 동적 로딩(권장)

웹 글꼴의 동적 로딩. 파일 주소는 다운로드 형식이어야 합니다. iOS는 https 형식의 파일 주소만 지원합니다.

wx.loadFontFace({
  family: 'HYQH-50S',
  source: 'url("https://www.xxx.com/font/HYQH-50S.ttf")',
  success: function (res) {
    console.log(res.status)
  },
  fail: function (res) {
    console.log(res.status)
  },
  complete: function (res) {
    console.log(res.status);
  }
});

글꼴 링크 소스와 관련하여 다음 사항에 주의해야 합니다.

1. 글꼴 링크는 다운로드 유형이어야 합니다.

2 글꼴 링크는 https

3이어야 합니다. 동일한 소스에서 또는 cors 지원을 활성화하세요

사용법도 매우 간단합니다. css

view {
	font-family: "HYQH-50S" !important;
}

PHP 중국어 웹사이트에서 글꼴 모음을 설정하세요. 많은 thinkphp 튜토리얼이 있습니다. 학습을 환영합니다!

위 내용은 WeChat 미니 프로그램에서 특수 글꼴을 참조할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!