css - 谷歌字体文件大小下载与 CDN

Question

我想使用谷歌通过 API 提供但也可以下载的字体“Anton” 。当我这样使用它时

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

浏览器请求 1kb 和一秒钟后从google.gstatic. 当我想下载文件并将其托管在自己的服务器上时，文件大小突然变为 80kb。有人可以向我解释差异来自哪里以及如何减少差异吗？下载的版本是.ttfCDN 是.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不同大小的来源吗？

标签： cssfontsfont-face