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

html5怎么引入苹方简,css 引入苹方字体相关推荐

  1. html5怎么引入苹方简,Kindle 推荐使用“苹方-简”自定义字体,阅读体验最舒服...

    原标题:Kindle 推荐使用"苹方-简"自定义字体,阅读体验最舒服 很多年以后,你肯定依然记得反反复复折腾 Kindle.为了自定义更换字体,频繁把 Kindle 越狱,再自定义 ...

  2. 从零开始学前端:CSS引入 --- 今天你学习了吗?(CSS:Day07)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:列表标签 - 今天你学习了吗?(CSS:Day06) 文章目录 从零开始学前端:程序猿小白也可以完全掌握! ...

  3. css显示苹方字体,苹方字体合集

    CSS font-family 中的苹方字体 苹方提供了六个字重,font-family 定义以下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-se ...

  4. html怎么调整成苹方,web css 苹方字体设置

    // 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; // 苹方-简 极细体 font-family: PingFangSC-Ultrali ...

  5. 前端React项目的Next.js项目通过CSS引入自定义字体文件

    最近在Web3的项目,需要引入自定义字体,做下记录: 1. 如果是下载的字体文件,直接能使用的就不需要转换,如果是TTF格式则需要转换成eot.svg.woff.woff2,这里提供一个网站Font ...

  6. CSS选择器/CSS字体文本属性/CSS引入方式/案例

    CSS 1.CSS简介 1.1 HTML的局限性 虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐 1.2 CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Style ...

  7. js 判断js,css是否引入,确保不重复引入

    js 判断js,css是否引入,确保不重复引入 (2009-10-31 21:33:44) 转载▼ 标签: 杂谈 分类: js 基本原理: function loadjscssfile(filenam ...

  8. CSS样式引入方式和部分CSS样式的设置

    一.三种引入方式以及其应用场景 1.行间样式,当样式非常少.在一组选择器内需要优先样式,缺点是不是人看的代码样式,影响布局结构的视觉效果 a.写在起始标签的style属性里,各样式之间用": ...

  9. 引入方式之外部样式表(CSS、HTML)

    引入方式之外部样式表(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta cha ...

最新文章

  1. Visual Studio c++必要的背景知识--链接与编译
  2. 看完你就知道什么是 HTTPS 了
  3. python中的json_简单介绍Python中的JSON使用
  4. Storm精华问答 | task与executor有什么关系?
  5. ubuntu linux kvm安装,ubuntu16.04 下kvm安装
  6. Linux下进程的建立 并附Linux exec函数族
  7. 基于SSM的旅游信息平台
  8. KVYcam(网络摄像头软件) v13.0.3.0
  9. 【博弈论】耶鲁大学公开课--博弈论Problem Set 1--Solution
  10. Android APP自动升级安装失败
  11. 《云周刊》第121期:图管够!灌篮高手、女儿国…阿里日_这帮程序员太会玩了!...
  12. TPT中脚本评估的正确打开方式 (上):强大的内置函数库
  13. 普歌-Vue 封装防刷新考试倒计时组
  14. 2.4 线性丢番图方程
  15. JedisNoReachableClusterNodeException: No reachable node in cluster
  16. gsensor方向调试【转】
  17. 20款对设计师非常有用的在线配色工具
  18. 单相变压器的平衡方程式
  19. 关于云音乐数据治理的实践与思考
  20. 075 定积分积分法之换元积分法

热门文章

  1. cati服务器授权信息无效,cati安装
  2. 【转载】理解dropout
  3. 信捷 XDH Ethercat 正负极限的设置
  4. 公网SSH远程连接Ubuntu【免费内网穿透】
  5. 微信小程序下载图片与缓存
  6. BEV感知,是下一代自动驾驶感知算法风向吗?
  7. 机器学习六步曲——“小马医生”养成记
  8. vue3 路由缓存页面
  9. Sketch 的基本操作(一)
  10. 删除文件夹显示找不到该项目,也无法改名、移动等