微信小程序字体粗细设置：fontweight 关键词详解

微信小程序的fontweight属性用于设置文本的粗细，它有以下几个关键词：

1. normal：默认值，表示文本的粗细与普通文本相同。

2. bold：表示文本的粗细比正常文本粗一倍。

3. semibold：表示文本的粗细介于正常和粗体之间，比正常文本稍粗。

4. 700：表示文本的粗细为700%，是所有字体粗细中最大的一种。

5. 900：表示文本的粗细为900%，是所有字体粗细中最小的一种。

在微信小程序中，我们可以通过以下方式设置fontweight属性：

1. 使用CSS样式表：在小程序的wxml文件中，可以使用style标签来定义一个类名，然后在style标签内定义fontweight属性。例如：

```html

这是一段粗体的文本

```

2. 使用JavaScript代码：在小程序的js文件中，可以使用setData方法来设置fontweight属性。例如：

```javascript

Page({

data: {

text: '这是一段普通的文本'

},

setFontWeight: function() {

this.setData({

text: '这是一段粗体的文本'

});

}

});

```

3. 使用小程序的API：在小程序的js文件中，可以使用wx.createSelectorQuery方法来获取页面上的所有元素，然后通过querySelectorAll方法来获取所有的文本节点，最后遍历这些文本节点，设置它们的fontweight属性。例如：

```javascript

Page({

onLoad: function() {

const textNodes = wx.createSelectorQuery().select('*').boundingClientRect();

textNodes.exec((res) => {

const textNodesArr = res[0].children;

for (let i = 0; i < textNodesArr.length; i++) {

const textNode = textNodesArr[i];

if (textNode.nodeType === 1) { // 如果是文本节点

const fontWeight = textNode.getAttribute('font-weight');

if (fontWeight === 'normal') {

textNode.style.fontWeight = 'bold'; // 设置为粗体

} else if (fontWeight === 'bold') {

textNode.style.fontWeight = 'semibold'; // 设置为半粗体

} else if (fontWeight === 'semibold') {

textNode.style.fontWeight = '700'; // 设置为700%

} else if (fontWeight === '700') {

textNode.style.fontWeight = '900'; // 设置为900%

} else if (fontWeight === '900') {

textNode.style.fontWeight = 'normal'; // 设置为正常

}

}

}

});

}

});

```

以上就是微信小程序中fontweight属性的详解，希望对你有所帮助。