【问题标题】:Request different characters per font with Google Fonts?使用 Google 字体为每种字体请求不同的字符?
【发布时间】:2015-11-09 02:49:13
【问题描述】:

谷歌字体支持loading specific characters of a font:

http://fonts.googleapis.com/css?family=Inconsolata&text=Hello

谷歌字体也支持loading multiple families and styles with one request:

http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans

有没有一种方法可以为不同的系列加载不同的字符集而无需多次请求?似乎因为text 是一个单独的查询参数,所以答案是“不,text 参数适用于所有请求的系列和样式`,但我想我会把它扔在那里......

更新: @Gothburz 的回答表明可以通过一个请求加载特定的 subsets 多种字体,但我还没有找到一种方法来加载特定的 text 范围与一个请求。

【问题讨论】:

    标签: html fonts google-font-api


    【解决方案1】:

    您可以使用带有逗号分隔值的额外参数 &subset 在 URL 中添加字符子集,如下所示:

    <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Ubuntu:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    

    multipls 子集和字体示例:

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300&subset=latin,cyrillic|PT+Sans:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    

    【讨论】:

    • 这将为 Ubuntu 和 Open Sans 加载 latinlatin-ext 子集,不是吗?
    • 看起来这适用于正式子集(例如latinlatin-extcyrillc),但似乎指定特定字符范围不适用于多个相同的语法字体(使用text= 而不是subset=)。指定text= 时,只有第一个请求的字体正确显示。编辑我的问题以更明确地说明我在问text=
    猜你喜欢
    • 2012-04-26
    • 1970-01-01
    • 2013-08-20
    • 2018-06-24
    • 2021-04-01
    • 2011-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多