V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
tusj
V2EX  ›  问与答

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

  •  
  •   tusj · 2017-10-26 10:40:09 +08:00 · 6522 次点击
    这是一个创建于 2593 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 条回复    2017-10-26 19:43:41 +08:00
    x86
        1
    x86  
       2017-10-26 10:45:54 +08:00   ❤️ 1
    msg7086
        2
    msg7086  
       2017-10-26 10:46:58 +08:00
    帮你搜索了「 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  
       2017-10-26 10:48:32 +08:00
    你确定要用自定义的中文字体?一个思源简体全字重 100MB + 单字重也将近 20MB 了,不要说什么可以设置缓存,我看个网页要下这么大个字体?
    Alwaysonline
        4
    Alwaysonline  
       2017-10-26 10:52:16 +08:00
    搭车求个教程,怎么反向代理这种字体文件。

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

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

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

    另外就你这个而言是可以下载到自己服务器里面的,只依赖了几个字体文件而已。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2684 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 09:31 · PVG 17:31 · LAX 01:31 · JFK 04:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.