业务场景: 使用ueditor编辑器生成的HTML代码在移动端无法显示设置的楷体字体,需要手动引入替换一下,所以就用匹配样式的方法处理
- 因为ueditor编辑器是直接生成并渲染,所以无法拿到类名更改引入字体,解决方法如下:
@font-face {
font-family: "simkai";
src: url('../static/font/kaiti.ttf')
}
// font-family: 楷体, 楷体_GB2312, SimKai就是要匹配替换的样式
*[style*="font-family: 楷体, 楷体_GB2312, SimKai"] {
font-family: 'simkai' !important;
}