Google Chrome不使用本地系统中的字体,而是从服务器下载,但Firefox会正确地使用本地系统中的字体。
正如我在开发工具中看到的那样,该字体是从服务器下载的:开发工具-> 计算-> 渲染字体[img]
在Firefox中,我可以看到我们使用本地字体:Firefox工具-> 字体[img]
@font-face {
font-family: 'Calibri';
src: local(Calibri Italic),
local(Calibri-Italic),
url('../fonts/calibrii.woff2') format('woff2'),
url('../fonts/calibrii.woff') format('woff'),
url('../fonts/calibrii.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
如果我使用 Calibri Italic(或 Calibri Bold、'Calibri Italic'、'Calibri-Italic' 等),这个方法就不起作用了。如果我在两个浏览器中键入 local(Calibri)
,那么字体将在本地显示。