关于css中text-stroke在uniapp应用

text-stroke：css属性为文本字符指定了宽和颜色；即我们所熟知的文字描边关键字。
写法：text-stroke: [width] [color]; 示例：text-stroke: 2rpx #333333;

现我在开发uniapp的过程中，存在文字描边需求，然后一直在调试text-stroke和text-shadow两个关键字，均无法满足需求功能。存在问题：font-size为20rpx的时候，描边为1rpx时，在某些移动设备上显示到的文字是一团色块，并不是UI设计稿中设计样式。

我通过调整font-size的大小查看text-stroke是否能满足需求，不断通过调整字体大小，发现，当字体很大的时候，描边功能是没有问题的，字体比较小的时候，发现描边功能描边出来的文字是一团色块。我在：描述text-stroke和text-shadow 文章里面，我寻找到了灵感。

即是：font-size只是改变了文字的大小显示，即改变了文字的宽高，字体大小也通过font-size改变了。通俗点描述：font-size越大的时候，文字的线条越大，但是text-stroke的描边宽度不变，所以会发现，字体的描边功能正常显示，但是字体小的时候，文字的线条也比较小，所以会发现描边会变成一团色块，并不会正常显示文字描边。

通过上述问题，可以引出，一个设想，如果我改变了文字的线条大小，但是不改变文字的宽高，是否能满足描边功能呢？答案是肯定的。

所以我改变了显示策略，通过修改font-weight来改变字体线条的宽度，调整text-stroke的宽度，从而满足开发需求。因为字体小的时候，线条宽度也小，这个时候，描边宽度比字体线条宽度大，会显示成一团色块。

通篇文章有以下关键字：
font-size、font-weight、text-stroke