前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己百度也麻烦,不然记录下来,方便后续遇到一样的可以直接下载使用。
字体名称
阿里巴巴普惠体 AlibabaPuHuiTi
字体介绍
阿里巴巴普惠体是一套全球永久免费正版商用的字体家族。阿里巴巴普惠体2.0为一套符合GB国家标准的简体中文字符集,2款 GB2312标题字 、7款 GB18030 内文字,9字重共206,257个全形汉字。全新的命名体系,数字+字重的描述,可以方便用户更快的选择到合适的粗细。包含拉丁字母、希腊字母、西里尔字母、标点符号。GB18030 是最新的汉字编码字符集国家标准,是全文强制性标准,市场上销售的产品必须符合。
商用说明
阿里巴巴普惠体是一套全球永久免费正版商用的字体家族。
使用代码
@font-face {
font-family: 'AlibabaPuHuiTi';
src: url('path_to_fonts/AlibabaPuHuiTi-2-55-Regular.eot'); /* IE9及更早版本使用EOT格式 */
src: url('path_to_fonts/AlibabaPuHuiTi-2-55-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('path_to_fonts/AlibabaPuHuiTi-2-55-Regular.woff2') format('woff2'), /* 超现代的浏览器 */
url('path_to_fonts/AlibabaPuHuiTi-2-55-Regular.woff') format('woff'), /* 现代浏览器 */
url('path_to_fonts/AlibabaPuHuiTi-2-55-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('path_to_fonts/AlibabaPuHuiTi-2-55-Regular.otf') format('opentype'); /* 现代浏览器 */
font-weight: normal;
font-style: normal;
}
body {
font-family: 'AlibabaPuHuiTi', sans-serif;
}
多个不同格式的字体如何引入?
多个字体eot woff2 woff otf ttf文件如何引入?