V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
tusj
V2EX  ›  问与答

css 中要用到了 google 的思源字体,加载不动怎么办?

  •  
  •   tusj · Oct 26, 2017 · 7301 views
    This topic created in 3110 days ago, the information mentioned may be changed or developed.

    css 里面加载了 google 的思源字体,慢极了,网页根本打不开。 之前的一个 jquery.min.js 也是这样,后来换成百度的源就好了。 但现在字体不知道怎么搞

    css 里面原本是这样

    @import url( http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
    @import url( http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
    @import url( http://fonts.googleapis.com/css?family=Volkhov:400italic);
    

    按照网上的说法改成 360 的源。 结果还是不行,加载不动,好像连接已经失效了。

    @import url( http://fonts.useso.com/css?family=Open+Sans:400,300,600);
    @import url( http://fonts.useso.com/css?family=Roboto:400,100,300,500,700);
    @import url( http://fonts.useso.com/css?family=Volkhov:400italic);
    

    我完全没搞过前端的东西,是直接拿别人 jekyll 的模板来改改,搭一个自己的站来看看, 简单的改改内容还可以,但遇到这种烂事真不知道怎么办!

    16 replies    2017-10-26 19:43:41 +08:00
    x86
        1
    x86  
       Oct 26, 2017   ❤️ 1
    msg7086
        2
    msg7086  
       Oct 26, 2017
    帮你搜索了「 googleapis 国内镜像」

    国内外优秀前端 CDN,Google Fonts 国内镜像| 程序猿日记
    https://zhanqi.net/post/170425/
    2017 年 4 月 25 日 - CDN 要求速度快,项目多,版本更新快,国内 BootCDN.cn 我觉得是最好的,没有之 ... Google Fonts. 原地址. ttps://fonts.googleapis.com/. 国内镜像 ...

    CDNJS 库以及 Google Fonts、Ajax 和 Gravatar 国内加速服务 - 烧饼博客
    https://sb.sb/css-cdn/
    2017 年 8 月 5 日 - 由 Cat Networks 赞助的 CDNJS 和 Google 字体等国内加速服务. ... <link href='ttps://fonts.googleapis.com/css?family=Open+Sans' ...
    morethansean
        3
    morethansean  
       Oct 26, 2017
    你确定要用自定义的中文字体?一个思源简体全字重 100MB + 单字重也将近 20MB 了,不要说什么可以设置缓存,我看个网页要下这么大个字体?
    Alwaysonline
        4
    Alwaysonline  
       Oct 26, 2017
    搭车求个教程,怎么反向代理这种字体文件。

    好多公共库都没法长久,还是搞到自己域名上靠谱点。
    zpf124
        5
    zpf124  
       Oct 26, 2017
    因为原来的 360cdn 公共库关了。

    后来又新开了一个新站,然而最起码字体库这边我点不开。
    https://cdn.baomitu.com/
    zpf124
        6
    zpf124  
       Oct 26, 2017   ❤️ 1
    @Alwaysonline 你需要有个墙外的 vps,然后给他挂个域名。
    最后用 nginx 配置反向代理,将访问这个域名的所有请求由这个 vps 转发给 googleapis。
    tusj
        7
    tusj  
    OP
       Oct 26, 2017
    @x86 @msg7086 我回头试试
    现在 github 又抽风了,只能等会开完了再折腾,真是醉!
    tusj
        8
    tusj  
    OP
       Oct 26, 2017
    @morethansean 有这么吓人?
    后面这个不是只下载其中一部分的意思?
    ``` css
    Open+Sans:400,300,600
    ```

    那平时网页的字体怎么办?强行要求设计师不能用千奇百怪的字体?
    Alwaysonline
        9
    Alwaysonline  
       Oct 26, 2017
    @zpf124 3Q,找下具体教程去。
    morethansean
        10
    morethansean  
       Oct 26, 2017
    @tusj #8
    你这个不是思源啊就是 Open Sans 啊……看了你上面的 css 一眼没有一个跟思源有关系……你这些英文字体都不大的,就是 CDN 源的问题,换个快点的吧……
    580a388da131
        11
    580a388da131  
       Oct 26, 2017 via Android
    Google 字体早就搬到北京机房了啊,我这也能打开。
    abowloflrf
        12
    abowloflrf  
       Oct 26, 2017
    好像国内访问 google 字体资源已经没问题了,lz 看看自己什么原因吧
    ![]( http://omwczr0ux.bkt.clouddn.com/Snipaste_2017-10-26_12-26-14.png)
    tusj
        13
    tusj  
    OP
       Oct 26, 2017
    @abowloflrf
    @580a388da131
    用 google 真的是有种朝不保夕的感觉
    难道前端没有 all in one 自备电池一说吗?什么都要依赖别人?
    580a388da131
        14
    580a388da131  
       Oct 26, 2017 via Android
    @tusj 那就下载到本地啊😯
    tusj
        15
    tusj  
    OP
       Oct 26, 2017
    @580a388da131 看上去并不只有一层依赖啊,要把整颗依赖树理清楚,拎出来,恐怕没这么简单吧。
    是不是前端本来就是这个鸟样子,本来就是要相互依赖的?
    想要反依赖单独抽出来完全自己掌控是不现实的?
    srlp
        16
    srlp  
       Oct 26, 2017 via iPhone
    你这个并不是思源字体。只是网络问题访问不了,找一找大陆镜像吧。

    另外就你这个而言是可以下载到自己服务器里面的,只依赖了几个字体文件而已。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1257 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 17:06 · PVG 01:06 · LAX 10:06 · JFK 13:06
    ♥ Do have faith in what you're doing.