关于不同的电脑显示的页面的卡片展示异常问题
原因:
一般一个元素上会用很多字体族,浏览器绘制时会按照顺序从前往后匹配,先匹配上的就用这个字体族绘制
不同操作系统的系统字体不同,比如 Windows 系统下为微软雅黑等字体,而 Mac OS X 下的字体一般为 Apple 自带的 San Francisco 系列字体或者 Helvetica Neue 字体。因此,font-family: -apple-system; 样式在 Mac OS X 系统下渲染会使用 San Francisco / Helvetica Neue 字体,而在其他系统下会使用默认的字体。
解决方案:
这种情况,可以稍微调小字体,使Windows和Mac上都能展示完整即可;
如果对字体要求较高,建议使用企业字体,然后手动给卡片切换字体。
关于企业字体的介绍可以参考观远帮助中心文档:https://docs.guandata.com/produc ... A%E5%AD%97%E4%BD%93
|