Question

我想使用谷歌通过API提供的Font "Anton"，但也可以下载。当我像这样使用它时

<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">

浏览器请求1kb，然后从google.gstatic请求14kb。当我想下载文件并将其托管在我自己的服务器上时，文件大小突然变为80kb。有人可以向我解释差异来自何处以及我如何减少它？下载的版本为.ttf，而cdn为.woff2。我可以下载并实现woff2这样的版本吗？

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton Regular'), local('Anton-Regular'), url(myServerPathToFile.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

我不熟悉不同的字体文件类型，有人可以清楚使用woff2与ttf相比可能出现的风险/损失，以及不同尺寸的来源吗？

Google字体文件大小下载与CDN

0 个答案: