@ font-face src：local-如果用户已经拥有本地字体，如何使用？

  • Z时代
  • 2024-01-10
  • 分类：问答

什么是正确的使用方式，@font-face以便浏览器不会在用户已经拥有字体的情况下下载它？

我正在使用@ font-face定义DejaVu，它已经安装在我的系统（linux）上。Firefox不会下载字体，但是Chromium每次都会下载它！

我的CSS代码基于字体松鼠，该问题如下所示：

@font-face {
    font-family: 'DejaVu Serif';
    src: url('DejaVuSerif-webfont.eot');
    src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ... @font-face definitions for italic and bold omitted ... */
@font-face {
    font-family: 'DejaVu Serif';
    src: url('DejaVuSerif-BoldItalic-webfont.eot');
    src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') format('woff'), url('DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'), url('DejaVuSerif-BoldItalic-webfont.svg#webfontQAewh7pf') format('svg');
    font-weight: bold;
    font-style: italic;
}

回答：

如果要先检查本地文件，请执行以下操作：

@font-face {
font-family: 'Green Sans Web';
src:
    local('Green Web'),
    local('GreenWeb-Regular'),
    url('GreenWeb.ttf');
}

以上是 @ font-face src：local-如果用户已经拥有本地字体，如何使用？ 的全部内容， 来源链接： utcz.com/qa/417605.html

回到顶部