网站建设是前端吗,3g 手机网站,网页开发培训,wordpress5改回旧的编辑器windows自带的字体是有版权的#xff0c;包括微软雅黑#xff08;方正#xff09;、宋体#xff08;中易#xff09;、黑体#xff08;中易#xff09;等 版权算是个大坑#xff0c;所谓为了避免版权问题#xff0c;全部使用开源字体即可 我这里选择的是思源宋体…windows自带的字体是有版权的包括微软雅黑方正、宋体中易、黑体中易等 版权算是个大坑所谓为了避免版权问题全部使用开源字体即可 我这里选择的是思源宋体有两种加载方式
一、在线调用方式
google在线字体服务是没被屏蔽的可以用。 但是选取字体的页面是不稳定的访问google font链接
1.搜索Noto Serif SC 2.获取使用方式 3. 4.浏览器处理
引用处引用
link relpreconnect hrefhttps://fonts.googleapis.com
link relpreconnect hrefhttps://fonts.gstatic.com crossorigin
link hrefhttps://fonts.googleapis.com/css2?familyNotoSerifSC:wght200..900displayswap relstylesheet具体内容处引用
body{
font-family: Noto Serif SC, serif;
}二、本地调用方式
1.下载文件到项目目录 比如我放到/modules/font目录下
2.引用字体
html的css sytle中写入
font-family: Source Han Sans;
src: url(/modules/font/SourceHanSerifCN-Regular-1.otf) format(opentype);
font-weight: normal;
font-style: normal;然后再调用比如body。后面的serif是如果加载失败用默认的字体
body{
font-family: Source Han Sans, serif;
}3.加载速度优化
因为一个字体文件10来兆加载速度慢可以用cdn加速或者在线加载方式
