实现方法就是在style里面输入@font-face来进行定义字体类型和名字。

@font-face {font-family: 'myFont'; src: url('/assets/font/PingFangSC-Light.ttf'); //你的资源目录font-weight: normal;font-style: normal;}html,body { font-family: myFont, sans-serif; }

苹方提供了六个字重,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(苹方简)字体相关推荐

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

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

  2. html5怎么引入苹方简,css 引入苹方字体

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

  3. 前端页面引入外部字体 @font-face 的使用方法

    通过 @font-face 属性来引入外部字体 代码如下 @font-face {font-family: 'arailRegular';src: url('../font/Arial-Black.t ...

  4. Vue、Html前端页面引入live2dw 使用看板娘

    一. 不下载文件 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib ...

  5. 前端-项目引入苹方字体

    下载字体文件 http://pan.baidu.com/s/1b1cRP8 提取密码:6r5s 引入到项目中 @font-face {font-family: PingFang-SC-Semibold ...

  6. android 引入苹方字体,html苹方字体

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

  7. html怎么调整成苹方,html苹方字体

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

  8. java萍方字体_苹方字体合集 - osc_flhsyn6i的个人空间 - OSCHINA - 中文开源技术交流社区...

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

  9. 在网页上使用苹方字体

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

  10. iOS苹方字体使用说明

    iOS 苹方字体使用说明 苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 ...

最新文章

  1. 机房管理系列之门禁系统
  2. 如何提高员工的能动性,体现员工的自我价值
  3. linux7 多路径配置,redhat7.3多路径配置
  4. ASP.NET中使用IFRAME建立类Modal窗口
  5. matlab调整文字方向,python 旋转文字方向_如何通过Python 在绘图中旋转文字?
  6. c++ 打飞机游戏源码
  7. 秘密打印机涉密计算机之间,涉密打印机与涉密计算机之间采用什么方式
  8. python的十句名言_程序员的二十句励志名言,看看你最喜欢哪句?
  9. 集结Android开发里的各种大神
  10. Adobe PS常用快捷键
  11. docker修改镜像
  12. 中点分割裁剪算法 c语言,裁剪算法——中点分割算法/Liang-Barsky算法
  13. 图片怎么批量压缩?这两个方法有掌握吗
  14. Java基础(五):Java数组声明与初始化
  15. MATLAB---读取STL文件并解析
  16. error C2059: syntax error : 'constant'
  17. 如何利用迅雷来下载百度云文件?(此方法只适用于大文件需要启动百度网盘的客户端这种情况)...
  18. Python 调用百度翻译接口实现翻译
  19. 【黑科技】:AI 图片无损放大工具 果核图片放大
  20. 数据结构用递归算法计算二叉树中叶子结点数目的思想c语言程序,编写递归算法计算二叉树中叶子结点的数目。.doc...

热门文章

  1. 延时队列的几种实现方式(只有原理,并没有源码)
  2. 关闭恶意无限弹窗的方法
  3. 多个Excel合并为一个Excel表
  4. UE4 植被工具的使用
  5. R包制作(千字详细图文)
  6. Unity3D 在 UI TextMeshPro (TMP) 中显示中文
  7. 工程伦理网课问答讨论整理
  8. 机器学习基础知识(一):机器学习三大流派
  9. matlab做神经网络的步骤,matlab建立神经网络模型
  10. 【crawler笔记】R语言简单动态网页爬虫(rvest包)示例