- Release Notes and Announcements
- Product Introduction
- Purchasing Guide
- Getting Started
- Introduction to platform functions
- Guidelines for Code Integration
- Get Demo and SDK
- Android
- iOS
- Flutter
- Guide to Mini Program Development
- Mini program introduction and development environment
- Mini program code composition
- Guidance
- Framework
- Components
- API
- API Overview
- Fundamentals
- Routing
- Redirect
- Forwarding
- Interface
- Network
- Data Caching
- Data Analysis
- canvas
- Worker
- Media
- WXML
- File
- Device
- Contact person
- Vibration
- Battery Level
- Screen
- Memory
- Device Orientation
- Accessibility
- Network
- Keyboard
- Phone number
- Accelerometer
- Compass
- Gyroscope
- SMS
- Code scanning
- Encryption
- NFC－Ndef
- NFC－NfcA
- NFC－NfcB
- NFC－NfcF
- NFC－NfcV
- WiFi
- Calendar
- Clipboard
- NFC－getNFCAdapter
- NFC－NFCAdapter
- NFC－IsoDep
- NFC－MifareClassic
- NFC－MifareUltralight
- Bluetooth - Low Energy Central Device
- Bluetooth - Low Energy Peripheral Device
- Bluetooth - Beacon
- Bluetooth - General
- Location
- Open Interfaces
- Custom APIs
- Sensitive API
- H5 Real-Time communication
- JS SDK
- Basic Library
- IDE Operation Instructions
- FAQs
- API Documentation
- Application APIs
- Management-Sensitive APIs
- Platform Management APIs
- Mini Program APIs
- DescribeMNPOfflinePackageURL
- CreateMNPDomainACL
- CreateMNP
- ReleaseMNPVersion
- CreateMNPApproval
- DescribeMNPAllStageVersions
- DeleteMNP
- DescribeMNP
- DescribeMNPList
- DescribeMNPCategory
- DescribeMNPPreview
- ModifyMNP
- ConfigureMNPPreview
- ProcessMNPApproval
- CreateMNPVersion
- DescribeMNPVersion
- DescribeMNPReleasedVersionHistory
- RemoveMNP
- RollbackMNPVersion
- Team Management APIs
- Global Domain Management APIs
- User Management APIs
- Role Management APIs
- Sensitive API-related APIs
- Agreements
- Release Notes and Announcements
- Product Introduction
- Purchasing Guide
- Getting Started
- Introduction to platform functions
- Guidelines for Code Integration
- Get Demo and SDK
- Android
- iOS
- Flutter
- Guide to Mini Program Development
- Mini program introduction and development environment
- Mini program code composition
- Guidance
- Framework
- Components
- API
- API Overview
- Fundamentals
- Routing
- Redirect
- Forwarding
- Interface
- Network
- Data Caching
- Data Analysis
- canvas
- Worker
- Media
- WXML
- File
- Device
- Contact person
- Vibration
- Battery Level
- Screen
- Memory
- Device Orientation
- Accessibility
- Network
- Keyboard
- Phone number
- Accelerometer
- Compass
- Gyroscope
- SMS
- Code scanning
- Encryption
- NFC－Ndef
- NFC－NfcA
- NFC－NfcB
- NFC－NfcF
- NFC－NfcV
- WiFi
- Calendar
- Clipboard
- NFC－getNFCAdapter
- NFC－NFCAdapter
- NFC－IsoDep
- NFC－MifareClassic
- NFC－MifareUltralight
- Bluetooth - Low Energy Central Device
- Bluetooth - Low Energy Peripheral Device
- Bluetooth - Beacon
- Bluetooth - General
- Location
- Open Interfaces
- Custom APIs
- Sensitive API
- H5 Real-Time communication
- JS SDK
- Basic Library
- IDE Operation Instructions
- FAQs
- API Documentation
- Application APIs
- Management-Sensitive APIs
- Platform Management APIs
- Mini Program APIs
- DescribeMNPOfflinePackageURL
- CreateMNPDomainACL
- CreateMNP
- ReleaseMNPVersion
- CreateMNPApproval
- DescribeMNPAllStageVersions
- DeleteMNP
- DescribeMNP
- DescribeMNPList
- DescribeMNPCategory
- DescribeMNPPreview
- ModifyMNP
- ConfigureMNPPreview
- ProcessMNPApproval
- CreateMNPVersion
- DescribeMNPVersion
- DescribeMNPReleasedVersionHistory
- RemoveMNP
- RollbackMNPVersion
- Team Management APIs
- Global Domain Management APIs
- User Management APIs
- Role Management APIs
- Sensitive API-related APIs
- Agreements
loadFontFace
This API is used via wx.loadFontFace(Object object).
Feature Description: Dynamically loads web fonts. The file address must be of download type, and it needs to be invoked within js.
Note:
The contet-type returned by the font file refers to the font, and will fail to parse if it is not in the correct format;
For true machine compatibility, the font link must be https;
The link to the font must be under the same source, or enable cors support, the domain name of the mini program is servicewechat.com(If the client has a custom domain name, please adjust it here according to the custom configuration).;
The tooltip Faild to load font can be ignored.
Parameter and Description: Object
Attribute | Type | Default value | Required | Description |
global | boolean | false | No | Is it globally effective? |
family | string | - | Yes | Defined font name |
source | string | - | Yes | The address of the font resource. The recommended formats are TTF and WOFF, as WOFF2 may not be compatible with older versions of iOS. |
desc | object | - | No | Optional font descriptors |
success | function | - | No | Callback Function of Successful Interface Call |
fail | function | - | No | Callback Function of Successful Interface Call |
complete | function | - | No | Callback function executed upon the completion of the interface invocation (both successful and unsuccessful invocations) |
Structural value of 'desc'
Structure attributes | Type | Default value | Required | Description |
style | string | normal | No | Font style, with optional values being 'normal', 'italic', or 'oblique'. |
weight | string | normal | No | Font weight, with optional values being 'normal', 'bold', '100', '200', or '900'. |
variant | string | normal | No | Sets the display text for small capital letters, with optional values being 'normal', 'small-caps', or 'inherit'. |
Parameters for object.success callback function: Object res.
Attribute | Type | Description |
status | string | Font Loading Results |
Parameters for object.fail callback function: Object res
Attribute | Type | Description |
status | string | Font Loading Results |
object.complete Callback Function Parameters: Object res
Attribute | Type | Description |
status | string | Font Loading Results |
Sample Code
// https://sungd.github.io/Pacifico.ttf Font links need to have https enabled and cross-domain settings turned onwx.loadFontFace({family: ‘Bitstream Vera Serif Bold’,family: ‘MyFont’.source: ‘url(’https://sungd.github.io/Pacifico.ttf‘)’,Success: console.log})
page {font-family: 'MyFont';}
Yes
No
Was this page helpful?