标签: google-font-api

我正在使用谷歌字体API,现在我正在尝试创建一个print.css文件.

我正在尝试打印字体,但我没有运气.

有没有人知道如何从谷歌字体api打印出来的字体？

谢谢

我正在使用Wordpress网站.
Woothemes框架,来自Woothemes的Canvas主题.
已经安装了适用于Woo Framework的插件Google Webfonts.
到现在为止还挺好.
现在我需要一个Google Font API密钥.
因此,我有一个注册的开发者帐户,并通过GoogleCloud控制台启动并运行Google字体项目.我已在API列表中激活了Google Font API.
但我找不到我的Google Font API密钥!
我按照此处给出的说明操作:https://developers.google.com/fonts/docs/developer_api
它说:
"要获取API密钥,请访问API控制台.在"服务"窗格中,激活Google字体开发人员API;如果出现服务条款,请阅读并接受它们.(编辑:完成此操作!)
接下来,转到API Access窗格.API密钥位于该窗格底部的标题为"简单API访问"的部分.(根本找不到这个!)
任何想法？
对不起,如果这是一个非常简单的问题!
亲切的问候
Annelie

我目前正在开发一个项目,我们已经注意到在许多机器上,当打开页面几分钟时,Chrome(在OSX上,没有试过其他操作系统版本)最终会丢弃我们的google字体选择了;

并回到看似时代的东西.

自Chrome v32发布以来的最后一两天,这种情况更为普遍,并且发生在与我们正在构建的网站无关的其他网站上.

将鼠标悬停在受影响文本的任何实例上都会使Chrome再次将字体更新为正确的字体,并且通常会在当时更正所有实例.

我想知道是否有其他人之前遇到过这个问题,如果有一个已知的工作来阻止这种情况发生？

我很抱歉，我什至不确定我自己应该从哪里开始进行预研究。我希望这不是一个基于意见的问题，而是一个特定的 Laravel 使用问题。我很好奇是否有特定的方法可以在 Laravel 项目中包含 Google 字体或多种 Google 字体。我可以轻松地将其放入任何其他网页，但我的直觉告诉我，可能有一种更强大的使用字体的方法，而不仅仅是放置

<link href='http://fonts.googleapis.com/css?family=Oxygen:400,300' rel='stylesheet' type='text/css'>

在主 Blade 布局模板中包含行。当然，我什至可以用 Blade{{ HTML::style(...) }}之类的工具来缩短它，但这似乎仍然没有充分利用 Laravel 框架。

例如，假设我想更改正在使用的特定字体：如果我使用多个模板，则必须进入并更改引入该字体的每个包含行。但理想情况下，我希望只有一个google-font变量，我可以在一个地方对其进行调整。

如果问得不是太多，您是否也能够解释有关这些字体变量应该/可以存储在何处以及如何存储的任何理论？

我在很多客户网站上使用Google Font Roboto.

当您在Google字体上自定义字体时,您可以选择以下语言选项:

• 希腊语(由Roboto支持)
• 拉丁语扩展(由Roboto支持)
• 西里尔文(由Roboto支持)
• 越南语(由Roboto支持)
• 西里尔语扩展(由Roboto支持)
• 希腊语扩展(由Roboto支持)
• 拉丁语(所有字体支持)

对于这些客户端站点,我只需要使用拉丁语言,而不需要加载任何其他语言.

但是,当我加载此字体并定义拉丁语时,您可以看到所有其他语言也加载在生成的样式表中:

https://fonts.googleapis.com/css?family=Roboto:300&subset=latin

&subset=latin

我的理解是&subset=latin仅使用该语言定义加载,为什么所有语言都加载到这里？

我正在为每种谷歌字体寻找后备字体系列。其背景是我创建了一个包含所有谷歌字体的CSS 实用程序模块。字体实用程序的生成大致如下：

@each $font in 'Open Sans', Montserrat, Roboto, Lato, ... {

   .u-font-$(font) {
      font-family: var(--font-$(font)) !important;
    }
}

我还想为每种字体添加一个自定义后备系列。有谁知道是否有办法获得一个字体系列，该字体系列是每种字体的良好浏览器后备？以下是我想做的大约：

        .u-font-$(font) {
          font-family: "$(font)", var(--$(font)-fallback-family) !important;
        }
    }

我正在尝试将 google 字体添加到我的 Rails 5.2 应用程序中，但我无法弄清楚为什么它不起作用/缺少什么：

我在 application.scss 文件中添加了以下几行：

@import url('://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body {
  padding-top: 70px;
  font-family: 'Lato', sans-serif;
}

在 application.scss 中使用 @import 之前，我尝试在 application.html.erb 头部添加以下行

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">

谢谢你的帮助！

我在 Windows（32 位和 64 位版本）上使用无头 Chrome 79（与 Ca​​nary 相同的问题）加载外部字体时遇到问题。

以下是 Google 字体的示例：

chrome.exe --headless --disable-gpu https://fonts.google.com

使用 DevTools 检查器，我收到此错误：

非无头模式没有问题。

我在每个使用 Google 字体的页面上都遇到了这种字体加载问题。

我无法在 Bionic 上重现此错误。

我完全被困住了。任何帮助将不胜感激。

我正在使用 puppeteer 将一些 HTML 转换为 PNG 使用screenshot。

首先，我获取一些 SVG，然后创建一个页面，并将 SVG 设置为页面内容。

fetch(url)
  .then(data => data.text())
  .then((svgText) => {
    // res.set('Content-Type', 'text/html');
    const $ = cheerio.load(svgText)
    return $.html()
  })
  .then(async (html) => {
    const browser = await puppeteer.launch()
    const page = await browser.newPage()
    await page.setContent(html)

    const file = await page.screenshot()
    res.set('Content-Type', 'image/png');
    await browser.close()
    res.send(file)
  })
  .catch((err) => {
    console.log(err);
    logger.log({
      level: 'error', message: 'GET /product', err
    })
  })
})

问题是，我的 SVG 中的文本包含特定字体。该字体是使用 @import CSS 标签加载的。如果我将方法设置为返回 HTML，则会加载字体，然后在稍加延迟后，它们就会应用到我的文本中。不幸的是，当使用screenshot方法时，我的文本不再有样式。我想这是因为屏幕截图是在加载和应用字体之前拍摄的，因此使用后备字体渲染文本。 …

而不是使用远程 Google Font CSS：

<link href="https://fonts.googleapis.com/css2?family=FontName&display=swap" rel="stylesheet">

我希望一切都在本地。我记得仅仅下载这个CSS文件并将其插入到我的CSS中是不行的，因为如果你从桌面、移动设备等下载它，CSS文件实际上会有所不同。它会适应浏览器上的字体格式（WOFF、TTF） ， ETC。）

问题：什么相当于：

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-440qyriQwlOrhSvowK_l5-fCZM.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 等 - 按什么顺序？这个的标准是什么？