css显示苹方字体,苹方字体的使用

在我们使用苹方字体的时候不很使用font-family来设置设置字体本身的粗细，

所以当ui给我们字体的移动端是苹方的时候，想要改变字体的粗细，我们就要改变字体的font-family

苹方提供了六个字重，font-family 定义如下：

苹方-简常规体

font-family: PingFangSC-Regular, sans-serif;

苹方-简极细体

font-family: PingFangSC-Ultralight, sans-serif;

苹方-简细体

font-family: PingFangSC-Light, sans-serif;

苹方-简纤细体

font-family: PingFangSC-Thin, sans-serif;

苹方-简中黑体

font-family: PingFangSC-Medium, sans-serif;

苹方-简中粗体

font-family: PingFangSC-Semibold, sans-serif;

苹方除了简体的：苹方-简(PingFang SC)，还为繁体用户提供有：苹方-繁(PingFang TC) ，苹方-港(PingFang HK)

苹方-繁的 CSS font-family 使用：

font-family: PingFangTC-Regular, sans-serif;

font-family: PingFangTC-Ultralight, sans-serif;

font-family: PingFangTC-Light, sans-serif;

font-family: PingFangTC-Thin, sans-serif;

font-family: PingFangTC-Medium, sans-serif;

font-family: PingFangTC-Semibold, sans-serif;

苹方-港的 CSS font-family 使用：

font-family: PingFangHK-Regular, sans-serif;

font-family: PingFangHK-Ultralight, sans-serif;

font-family: PingFangHK-Light, sans-serif;

font-family: PingFangHK-Thin, sans-serif;

font-family: PingFangHK-Medium, sans-serif;

font-family: PingFangHK-Semibold, sans-serif;

css显示苹方字体,苹方字体的使用相关推荐

css显示苹方字体,苹方字体合集
CSS font-family 中的苹方字体苹方提供了六个字重,font-family 定义以下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-se ...
为Windows系统替换优雅的苹方,好看的OPPO字体
title: 为Windows系统替换优雅的苹方,好看的OPPO字体自从坏了一台12寸的MacBook,我使用Windows的频率就升高了,但Windows的系统字体确实丑了些 .然后我找到了一个可 ...
本地跑项目正常，部署至云服务器上就出现中文验证码显示小方块儿；参考文章“Centos7 安装字体库中文字体”才得以解决问题
一.问题描述登录页面中文验证码无法正常显示只看到小框框,但服务器那边是可以正常输出中文的: 下面这样改了之后还是不行: 二.解决办法:安装字体库&中文字体 1.先查看当前(服务器上)系统 ...
引入font字体出现方框框的问题
有个框框说明html引用font-awesome.css没问题,问题是你框框里的字体没法显示,就是说你缺少了字体.而这字体是font-awesome项目文件里引用的,你直接本地下载单个font-awe ...
android 设置字体大小和不同颜色,Android代码中设置字体大小，字体颜色，显示两种颜色.倒计时效果...
Android代码中设置字体大小,字体颜色,显示两种颜色在xml文件中字体大小用的像素 android:id="@+id/uppaid_time" android:layout_ ...
CSS基础「七」精灵图 \ 字体图标 \ 三角 \ 用户界面样式 \ 页面初始化
本篇文章为 CSS 基础系列笔记第七篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...
仿京东显示隐藏密码明文案例（字体图标实现）
仿京东显示隐藏密码明文案例(字体图标实现) 眼睛使用的是 iconfont 阿里矢量图标库的内容链接:https://www.iconfont.cn/search/index?代码案例展示: 字体图 ...
css系统自带字体_CSS系统字体堆栈参考
css系统自带字体 Fonts on a website can easily become a large part of the total bundle size that browsers h ...
CSS字体：Webfont在线字体与外部字体及操作系统预装字体使用指南
前言熟知,从HTML4时代把图标做在一张图上使用css background来提高页面加载速度到"扁平化UI"趋势的到来,再到"手机UI"简洁化设计的大浪潮的 ...

css显示苹方字体,苹方字体的使用

css显示苹方字体,苹方字体的使用相关推荐

最新文章

热门文章