下面是一个简单的微信小程序通用字体代码示例:
// 在app.wxss中设置全局字体样式 @import './styles/fonts.wxss';// 在fonts.wxss中定义字体样式 @font-face {font-family: 'CustomFont';src: url('font.ttf') format('truetype'); }// 在page.wxss中使用自定义字体样式 .custom-text {font-family: 'CustomFont', sans-serif;font-size: 16px;font-weight: 400; }
在上面的代码示例中,我们首先在app.wxss中导入了一个名为fonts.wxss的文件,该文件用于定义所有页面中要使用的字体样式。在fonts.wxss中,我们使用
@font-face
规则来引入自定义字体文件(如font.ttf),并将其声明为CustomFont
。然后,在page.wxss中,我们可以使用自定义字体样式,在需要的地方添加
.custom-text
类,并设置font-family
为我们定义的字体名称,这样页面中的文本就会应用我们定义的字体样式。请注意,上述代码示例中的
font.ttf
是字体文件的相对路径。确保将字体文件放置在正确的位置并正确引用。