客户提出字体粗细和设计稿的并不一致,并且给我们了苹方字体的6个等级,于是我就写下了下面的代码,麻烦客户转成代码大小
<view style="width:100%;height:500rpx;position:fixed;top:50%;display:flex;background:#fff;justify-content:space-between;">
<view style="height:100%">
<view style="color:#191919;font-size:18rpx;font-weight:100">字体:18 100-900</view>
<view style="color:#191919;font-size:18rpx;font-weight:100">字体100</view>
<view style="color:#191919;font-size:18rpx;font-weight:200">字体200</view>
<view style="color:#191919;font-size:18rpx;font-weight:300">字体300</view>
<view style="color:#191919;font-size:18rpx;font-weight:400">字体400</view>
<view style="color:#191919;font-size:18rpx;font-weight:500">字体500</view>
<view style="color:#191919;font-size:18rpx;font-weight:600">字体600</view>
<view style="color:#191919;font-size:18rpx;font-weight:700">字体700</view>
<view style="color:#191919;font-size:18rpx;font-weight:800">字体800</view>
<view style="color:#191919;font-size:18rpx;font-weight:900">字体900</view>
</view>
<view style="height:100%">
<view style="color:#191919;font-size:24rpx;font-weight:100">字体:18 100-900</view>
<view style="color:#191919;font-size:24rpx;font-weight:100">字体100</view>
<view style="color:#191919;font-size:24rpx;font-weight:200">字体200</view>
<view style="color:#191919;font-size:24rpx;font-weight:300">字体300</view>
<view style="color:#191919;font-size:24rpx;font-weight:400">字体400</view>
<view style="color:#191919;font-size:24rpx;font-weight:500">字体500</view>
<view style="color:#191919;font-size:24rpx;font-weight:600">字体600</view>
<view style="color:#191919;font-size:24rpx;font-weight:700">字体700</view>
<view style="color:#191919;font-size:24rpx;font-weight:800">字体800</view>
<view style="color:#191919;font-size:24rpx;font-weight:900">字体900</view>
</view>
<view style="height:100%">
<view style="color:#191919;font-size:48rpx;font-weight:100">字体:18 100-900</view>
<view style="color:#191919;font-size:48rpx;font-weight:100">字体100</view>
<view style="color:#191919;font-size:48rpx;font-weight:200">字体200</view>
<view style="color:#191919;font-size:48rpx;font-weight:300">字体300</view>
<view style="color:#191919;font-size:48rpx;font-weight:400">字体400</view>
<view style="color:#191919;font-size:48rpx;font-weight:500">字体500</view>
<view style="color:#191919;font-size:48rpx;font-weight:600">字体600</view>
<view style="color:#191919;font-size:48rpx;font-weight:700">字体700</view>
<view style="color:#191919;font-size:48rpx;font-weight:800">字体800</view>
<view style="color:#191919;font-size:48rpx;font-weight:900">字体900</view>
</view>
</view>
