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

Question

访问一个网站我发现菜单链接比用相同浏览器从我的同事计算机上观看同一页面的内容异常大胆。 从我的Windows字体文件夹中删除相应的字体纠正了差异。

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

Answer 1

大多数multer = require('multer'); var uploading = multer({ limits: {fileSize: 1000000, files:1}, }); exports.uploadpictureone = function(req, res) { cloudinary.uploader.upload(req.body.url, function(result) { res.send(result); }); }; module.exports = function(app) { app.route('/api/upload', uploading).all(uploadPolicy.isAllowed) .post(upload.uploadpictureone); }; at-rules以@font-face开头，然后是对您的local(name-of-local-file)的引用。

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

结论：请勿使用url(/on/server/teh-webfont.woff)并仅保留local()。这是contrary of this SO answer

没有local（）的示例和许多格式对应的url（）。浏览器将下载第一个取悦他们的人，而不是其中的2个人：

url()

Answer 2

• 下载字体 .ttf
• 将字体保存在网站的文件夹中

• 对于呼叫字体，请在css中使用此代码：

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