苹方提供了六个字重,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;

html怎么调整成苹方,html苹方字体相关推荐

  1. 为Windows系统替换优雅的苹方,好看的OPPO字体

    title: 为Windows系统替换优雅的苹方,好看的OPPO字体 自从坏了一台12寸的MacBook,我使用Windows的频率就升高了,但Windows的系统字体确实丑了些 .然后我找到了一个可 ...

  2. 怎么将照片尺寸调整成两寸?照片调整尺寸方法分享

    怎么把照片的尺寸调整成两寸呢?大家在使用证件照的时候,很多情况下都因为照片的尺寸不对而无法使用,有的照片要求必须要我们提供两寸照片,如果我们的照片尺寸是一寸或者其它尺寸,该怎么调整呢?很多小伙伴会说自 ...

  3. AVL树的操作及调整成AVL树

    AVL树是带有平衡条件的二叉查找树.一颗AVL树是其每个结点的左子树和右子树的高度最多相差1. 进行插入操作时,怎么样把插入后的树调整成AVL树.. 将影响平衡因子的结点为a 四种情况 1.对a的左儿 ...

  4. 手机怎么把照片调整成二寸?教你一招轻松修改尺寸

    怎么使用手机把照片的尺寸修改成二寸呢?随着科技的发展,现在的生活已经越来越便捷.我们不仅可以随时随地通过手机拍照,还可以通过手机应用程序进行照片处理.在日常生活中,我们经常需要提交一些证件,如身份证. ...

  5. 【Ominigraffle】纸张版面调整成A4大小

    一拿到软件画了个图,然后因为不知道还要考虑大小 导致画的图放在word 里出来各种问题 后来就知道每次画图前先把纸张版面调整成A4的大小 步骤一 [文件]–[页面设置]–[纸张大小]选择"A ...

  6. Python|xlwt|xlrd|调整单元格样式(背景,字体,对齐、虚线边框、列宽行高、添加公式)|xlutils|openpyxl|只读与只写|图表|语言基础50课:学习(8)

    文章目录 系列目录 原项目地址 第24课:用Python读写Excel文件-1 Excel简介 安装 读Excel文件(行列索引从`0`开始) 写Excel文件 调整单元格样式(背景,字体,对齐.虚线 ...

  7. 【DBMS 数据库管理系统】OLAP 核心技术 : 数据方体 ( 数据方体 | 数据方体格结构 | 数据单元 )

    文章目录 一.数据方体 二.数据方体 格结构 ( 参考 ) 三.数据单元 一.数据方体 数据方体 简介 : "数据方体" 概念 : 多维数据模型 构成的 多维数据空间 称为 &qu ...

  8. 据说有人面试栽在了Thread类的stop()方法和interrupt()方法上

    摘要:今天就简单的说说Thread类的stop()方法和interrupt()方法到底有啥区别. 本文分享自华为云社区<[高并发]又一个朋友面试栽在了Thread类的stop()方法和inter ...

  9. 第十三章 相关方管理 权利利益方格 凸显模式 相关方立方体 相关方登记册 相关方参与评估矩阵

    相关方管理 过程组 相关方管理 启动 识别相关方 规划 规划相关方参与 执行 管理相关方参与 监控 监督相关方参与 总结:从标题就可以看出,相关方管理就管理相关方参与度.相关方期望.相关方的积极度. ...

  10. 使用pdfbox将pdf转换成图片的时候,STSong-Light字体不存在解决方案

    问题 使用pdfbox将pdf转换成图片的时候,STSong-Light字体的文字全为空格问题解决. 告警信息:Using fallback MT-Extra for CID-keyed font S ...

最新文章

  1. phonegap+emberjs+python手机店发展,html5实现本地车类别~
  2. BZOJ3998: [TJOI2015]弦论(后缀自动机,Parent树)
  3. [转]图片自动缩放 js图片缩放
  4. NR 5G NG-RAN 架 构
  5. 信息安全完全参考手册之安全设计原则(第四章)
  6. 这一次,老罗要干掉微信?
  7. 检测手机屏幕是否亮屏解锁
  8. Iredmail搭建
  9. 《结对-四则运算出题器-测试过程》
  10. 163免费企业邮箱服务地址
  11. fmt:formatDate标签的输出格式
  12. 李永乐数学基础过关660题高等数学选择题
  13. 报错:“export ‘default‘ (imported as ‘mui)‘ was not fount in ‘../lib/mui/js/mui-min.js‘
  14. 如何在 Facebook 上实现高效社交营销
  15. Veusz教程(1)——导入数据
  16. 实验---采用SOM网络进行聚类
  17. 量子涡轮服务器原理,纯mek用一个泵跑满涡轮——水冷聚变堆的搭建
  18. CPU(中央处理器)和GPU(图像处理器)区别大揭秘
  19. 3.六大原则例子-- 依赖倒置原则(DIP)例子
  20. vue实现商品放大镜效果

热门文章

  1. wxWidgets:wxMenuEvent类用法
  2. boost::sort模块实现测试并行稳定排序
  3. boost::log模块使用属性关键字的示例
  4. GDCM:gdcm::SwapperDoOp的测试程序
  5. ITK:创建拉普拉斯内核
  6. VTK:可视化算法之PlateVibration
  7. VTK:可视化之MultipleRenderWindows
  8. VTK:PolyData之DataSetSurfaceFilter
  9. VTK:几何对象之Cube
  10. C语言二进制转换为八进制(附完整源码)