Art*_*sov 7 html css fonts google-chrome font-face
Google Chrome浏览器不使用本地系统中的字体,而是使用服务器中的字体,但是Firefox从本地系统中正确使用了字体。
正如我在DevTools中看到的那样,该字体是从服务器下载的:DevTools->计算->渲染字体[img]
在Firefox中,我看到我们使用了本地字体:FirefoxTools-> Fonts [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;
}
Run Code Online (Sandbox Code Playgroud)
如果我使用Calibri Italic(或Calibri Bold,“ Calibri Italic”,“ Calibri-Italic”等),则此方法无效。如果local(Calibri)
在两个浏览器中键入,字体将是本地字体。