Css 如何防止@font-face使用本地文件而不是服务器文件？

访问一个网站时，我发现菜单链接比wile用同一个浏览器从我的大学电脑上看同一页要大胆得多。 从“我的windows字体”文件夹中删除相应的字体可更正此差异

---

我的问题是，当在网站上设计css字体时，如何防止这种可能性大多数的

@font-face

at规则都以

本地（本地文件的名称）

开始，然后引用您的远程

url（/on/server/teh webfont.woff）

在这种典型情况下，浏览器会尝试使用本地文件，如果没有找到任何内容，则会继续从服务器下载远程资源。如果他们找到了本地匹配的字体，那么他们会立即使用它，并停止对字体的搜索，因此他们不会下载和使用您的远程资源

结论：不要使用

local（）

，只保留那些

url（）

。这是最重要的

示例中没有对应于多种格式的local（）和many url（）。浏览器将下载第一个让他们满意的，而不是2+个：

@font-face {
    font-family: 'Gudea';
    src: url('./fonts/gudea/Gudea-Regular-webfont.eot');
    src: url('./fonts/gudea/Gudea-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/gudea/Gudea-Regular-webfont.woff2') format('woff2'),
         url('./fonts/gudea/Gudea-Regular-webfont.woff') format('woff'),
         url('./fonts/gudea/Gudea-Regular-webfont.ttf') format('truetype'),
         url('./fonts/gudea/Gudea-Regular-webfont.svg#gudearegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

• 下载字体.ttf
• 将字体保存在网站的文件夹中
• 对于调用字体，请在css中使用以下代码：

  @font-face {
  font-family: "YourFont";
  src: url('font/YourFont.ttf');
  }
  
  .example{
  font-family: YourFont, sans-serif;
  }
  

---

如果未使用local（）但未添加所有格式怎么办？某些浏览器不会加载任何内容，因为所有格式都不兼容，并且不会使用此字体。下一个字体将用于您的声明

字体系列：您的字体，其他，a-websafe-one，无衬线，仅此而已（如果您不编写无衬线，则最终默认为衬线，即，乘以大多数…次）。使用Icomoon或Fontsquirrel服务可以节省时间。这不是与OP要求的完全相反吗？