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

转自:http://note.rpsh.net/posts/2015/11/18/using-pingfang-font-in-website/

在网页上使用苹方字体相关推荐

  1. 将win10修改全局字体为苹方字体

    文章目录 字体分享 使用软件 注册表修改 声明 获取字体名称 效果展示 恢复原来的字体 字体分享 百度云链接 提取码:ioh2 若是失效的化可以私信我. 使用软件 noMeiryoUI 使用这个软件, ...

  2. deepin/ubuntu安装苹方字体

    苹方字体是苹果系统上的黑体,挺好看的. 注重颜值的网站都会使用,例如知乎: font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue ...

  3. iOS 【使用自定义字体-苹方字体】

    现在的项目中都会使用自定义字体,而iOS9其中的一项新特性就是用新的「苹方」字体替代了已经使用了几年的「华文黑体」,所以现在记录一下iOS如何导入并在项目中使用苹方字体的使用. 1. 下载一个 .tf ...

  4. ios设置中性黑体_iOS - 使用自定义字体-苹方字体

    苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 极细体 font-fami ...

  5. iOS - 使用自定义字体-苹方字体

    苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 极细体 font-fami ...

  6. 微信小程序使用苹方字体

    第一种方式,base64 encode 如果字体比较小,如各种英文字体,可以把字体上传到 Online @font-face generator - Transfonter 转换成base64格式,然 ...

  7. 引号使用宋体其他使用微软雅黑或苹方字体 和 示例

    大部分内容来源于: http://www.zhangxinxu.com/wordpress/2016/11/css-unicode-range-character-font-face/ <!DO ...

  8. 宋体字体是什么_Win10 系统替换 macOS 苹方字体 - 瞬间提升文字清晰

    为了让字体显示更加清晰锐利,微软在最近的 Windows 10 Insider 内测版中"重绘了"雅黑字体.这个改动颇受好评,用户们十分感动!然后微软在正式版中顺手就将这个改动砍掉 ...

  9. cufon,在网页上画出特殊字体

    为什么80%的码农都做不了架构师?>>>    设计师们有时会使用特殊字体让网页更好看,但浏览器通常只支持Arial.Helvetica等通用字体.那么通常的解决办法就是将特殊字体做 ...

最新文章

  1. 【ARM】在Uboot中运行第一个汇编程序
  2. 消费者行为分析_消费者行为分析-是否点击广告?
  3. Java File类boolean isFile()方法(带示例)
  4. 使用Netapp与windows server 2012搭建 iSNS服务器
  5. PyQt5简单的例子
  6. bat之长ping保存在文本
  7. C语言编程练习,猜数字游戏实现
  8. 【学习笔记】《网络安全态势感知》第三章:网络安全数据采集与融合
  9. 前端js日期格式转换
  10. Unity内置Shader解读10——Self-Illumin/Bumped Diffuse
  11. Microsoft Visual Studio - 代码格式化设置项
  12. Amazon上是如何对小说进行分类的呢?网文出海小说APP可借鉴参考的点有哪些?
  13. 五问补盲(三) | 补盲激光雷达,敢不敢直面新的安全威胁?
  14. IO流---基础 (附相对路径)
  15. 我的《上勾拳》网页单机小游戏有什么版权问题吗
  16. Photoshop 2021 22.4.3 精简版
  17. 我有罪我用了1下午时间终于无师自学用C#开发了俺的领先个Android 浏览器APP我对不起java 社区
  18. 软件交付方式有哪些_如何交付有意义的软件
  19. ERP术语解释及SAP模块介绍
  20. 每天一道笔试题-2012年2月17日

热门文章

  1. 天龙八部雁门关外的故事
  2. python 操作鼠标和键盘
  3. OCR中文文字识别软件
  4. python必背100源代码-100行Python代码实现一款高精度免费OCR工具
  5. TL-WR886N路由器+树莓派绑定IP地址
  6. (转载)Linux内核源代码情景分析---第四章 进程与进程调度
  7. android studio日志不打印,Mac 下 Android Studio 不打印日志的解决办法
  8. Android 广播(Broadcast)
  9. k折交叉验证KFold()函数
  10. JavaScript生成图形验证码