微信小程序在text文本实现多种字体样式

这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

微信小程序比较特别，它的wxml只允许用自己家的标签，像那些span、div什么的统统不可以用，那如何在text文本加入不同的样式呢，在html里面我们可以添加一个span，再给那些span添加不同的class或者style就可以了，但小程序不可以，在text里面只允许在加入text，不可以加view等东西，所以我们可以按照它提供的，再加一个text就可以了，但是随之而来的还有一些bug，一般的我们都是直接某个class下面的text应用某些样式，如：

这样我们新加的text也会应用到那些样式了，导致整体样式的改变，解决方法是按照css里面提供的一个大于号>，像这样

这样子就可以了，大于号表示当前view下面一级的text，下下面的text不会应用到，具体的可以去查看微信小程序css手册里面的用法

再给那些span添加不同的class或者style就可以了，但小程序不可以，在text里面只允许在加入text，不可以加view等东西，

所以我们可以按照它提供的，再加一个text就可以了，但是随之而来的还有