• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

class中如何设置字体为微软雅黑?

发布于 2023-11-07 12:58:45

要在 class 中设置字体为微软雅黑,您可以使用 CSS 的 font-family 属性。以下是修改后的代码示例:

<view class="flex w-full">
    <view class="flex-none" style="width: 100px; height: 100px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: center; align-items: center;">
        <u-image :src="item.image" width="82" height="82" />
    </view>
    <view class="ml-[14rpx] flex flex-col justify-around min-w-0" style="font-family: 'Microsoft YaHei', sans-serif;">
        <view class="font-medium text-[30rpx]">{{ item.name }}</view>
        <view class="text-[24rpx] text-[#666666] truncate">{{ item.tips }}</view>
    </view>
</view>

在上述代码中,我在包含文字的 view 元素的父容器上添加了 style 属性,并设置了 font-family 属性为 'Microsoft YaHei', sans-serif。这样就将字体设置为微软雅黑。请注意,如果用户设备上安装微软雅黑字体,则会回退到 sans-serif 字体系列。

0 条评论

发布
问题

在线
客服