前端-项目引入苹方字体

下载字体文件

http://pan.baidu.com/s/1b1cRP8

提取密码：6r5s

引入到项目中

@font-face {font-family: PingFang-SC-Semibold;src: url("../fonts/PingFang-SC-Semibold.ttf");
}@font-face {font-family: PingFangSC-Regular ;src: url("../fonts/PingFang_Regular.otf");
}
*{font-family: PingFangSC-Medium, sans-serif;
}

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）

前端-项目引入苹方字体相关推荐

前端项目，引入苹方字体
UI用的IMac,设计图默认使用的字体为 pingFangSC-Regular 与UI协商后,决定在项目里引入本地的字体库以达到与设计图同样的效果首先下载font字体库这里下载的是ttf文件(并 ...
html5怎么引入苹方简,css 引入苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简极细体 font-fami ...
android 引入苹方字体,html苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简极细体 font-fami ...
html5怎么引入苹方简,Kindle 推荐使用“苹方-简”自定义字体，阅读体验最舒服...
原标题:Kindle 推荐使用"苹方-简"自定义字体,阅读体验最舒服很多年以后,你肯定依然记得反反复复折腾 Kindle.为了自定义更换字体,频繁把 Kindle 越狱,再自定义 ...
引号使用宋体其他使用微软雅黑或苹方字体和示例
大部分内容来源于: http://www.zhangxinxu.com/wordpress/2016/11/css-unicode-range-character-font-face/ <!DO ...
iOS 【使用自定义字体-苹方字体】
现在的项目中都会使用自定义字体,而iOS9其中的一项新特性就是用新的「苹方」字体替代了已经使用了几年的「华文黑体」,所以现在记录一下iOS如何导入并在项目中使用苹方字体的使用. 1. 下载一个 .tf ...
ios设置中性黑体_iOS - 使用自定义字体-苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简极细体 font-fami ...
iOS - 使用自定义字体-苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简极细体 font-fami ...
微信小程序使用苹方字体
第一种方式,base64 encode 如果字体比较小,如各种英文字体,可以把字体上传到 Online @font-face generator - Transfonter 转换成base64格式,然 ...

前端-项目引入苹方字体

前端-项目引入苹方字体相关推荐

最新文章

热门文章