客戶提出字體粗細和設計稿的并不一致,并且給我們了蘋方字體的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>