小编Art*_*sov的帖子

在Chrome中,@ font-face local()找不到本地字体

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)在两个浏览器中键入,字体将是本地字体。

html css fonts google-chrome font-face

7
推荐指数
1
解决办法
734
查看次数

标签 统计

css ×1

font-face ×1

fonts ×1

google-chrome ×1

html ×1