如何缩小Google字体CSS

时间:2017-08-14 13:48:17

标签: css fonts minify

我有以下Google字体CSS文件: 不缩小的CSS文件: https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700

https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,600i,700,800

我怎样才能缩小它们?

4 个答案:

答案 0 :(得分:6)

您不能,因为这些CSS文件是从谷歌提供的,而不是来自您自己的域名(也不是根据谷歌字体ToS)。

真的想保存您的用户' bandwidth / ms:使用单个HTTP请求:

https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700|Raleway:400,400i,500,600,600i,700,800

真的很想保存您的用户'带宽?使用较少的字体变体。

如果您尝试自行投放该文件,则无法保证Google会将字体文件保留在您下载的CSS文件中指定的网址上:

https://fonts.gstatic.com/s/raleway/v11/YZaO6llzOP57DpTBv2GnyFKPGs1ZzpMvnHX-7fPOuAc.woff2

对我来说,它看起来不是一个可靠稳定的网址。

答案 1 :(得分:1)

我通常做的只是复制我将使用的字体,说我的网站只需要拉丁字符,字体重量为400和600然后我会复制这样的东西:

    bottomNavigation.setOnTabSelectedListener((position, wasSelected) -> {


                if (position == 0 && !wasSelected) {

                } else if (position == 1 && !wasSelected) {

                } else if (position == 2 && !wasSelected) {

                } else if (position == 3 && !wasSelected) {

                } else if (position == 4 && !wasSelected) {

                }
                return true;
            }
    );

之后,您可以使用其他CSS缩小它。

答案 2 :(得分:0)

根据此在线帖子(https://discourse.roots.io/t/best-way-to-use-google-fonts/455/2),您无法直接从好的服务器加载缩小的字体。但是,您可以手动缩小代码,也可以手动缩小代码,例如https://cssminifier.com/

希望这能回答你的问题。

答案 3 :(得分:0)

显然,你无法缩小谷歌托管的代码。您可以使用CSS Minifier。缩小CSS代码,然后用作静态css文件。但是,这个字体文件并不是那么大,我认为你不需要它被缩小。谷歌 here说,它的加载时间很快。