@font-face {
font-family: PingFangSC-Medium; //名称
src:url("../font/PingFang\ Medium_downcc.otf"); //地址
}
@font-face {
font-family: PingFangSC-Regular;
src:url("../font/PingFang\ Regular.otf");
}
@font-face {
font-family: HiraginoSansGB-W3;
src:url("../font/Hiragino\ Sans\ GB\ W3.otf");
}
@font-face {
font-family: 冬青黑体W3;
src:url("../font/冬青黑体W3.otf");
}
@font-face {
font-family: HiraginoSansGB-W6;
src:url("../font/苹果丽黑w36.otf");
}
特殊字体的处理方式 设计稿的处理中，有些字体只有设计师有，需要前端拓展了系统字库才能显示正确的效果。对于前端页面使...
相信很多做前端的都会遇到这一类问题，当前网页需要引入一些特殊字体，过去这些字体通常使用图片代替，不仅增加了requ...
@font-face {font-family: 'junctionregularRegular';src: ur...
UI用的IMac，设计图默认使用的字体为pingFangSC-Regular与UI协商后，决定在项目里引入本地的字...
某些特定情况下，设计师为了页面美观，会选择一些特定的字体，由于系统的支持程度不同，前端需要引入字体包，才能让效果百...
之前网站上使用了微软雅黑和平方字体，被告侵权。思源字体和平方字体差不多。而且是开源的。所以要把所有字体更换一下。 ...
实现思路 目前无法直接引用字体文件。用脚本创建 元素元素来引入，有太笨，速度还慢。好在，我们有 base64 这座...
很多文章讲述不是很到位，就记录一下 vconsole 的使用和注意点。 为什么要使用 vconsole.js ? ...
本文标题：前端如何正确的引入字体
本文链接：https://www.haomeiwen.com/subject/mjrczctx.html
网友评论