问题标签 [roboto]

我有一个使用 VUE CLI 3.x 创建的正在开发中的 Vue / Vuetify 应用程序，并且希望在本地提供 Roboto 字体，而不是通过 Google cdn。

有没有人通过 webpack 和 vue cli 生成的 vuetify 应用程序项目实现了这一点，如果是这样，你是怎么做的？

我发现了一个奇怪的大小调整现象。<input>以下代码段中的元素与 Chrome 和 Firefox 的结果不同height，只有font-family:Roboto和font-size:14px。

当我将其设置font-size为 15px 或使用不同的字体时，一切似乎都很好，并且保持在height:35px

13 英寸 MacBook Pro（2017 - Mojave 10.14.2）：

• 外接 25 英寸戴尔 U2518D 屏幕：
  • 火狐：height:35px
  • 铬合金：height:34px
  • 苹果浏览器：height:34px

15 英寸惠普 Windows 10 笔记本电脑：

• 铬合金：height:35px
• 火狐：height:35px
• 边缘：height:34.8px

有人可以解释 Mac 上 Chrome 和 Firefox 之间 1px 的区别吗？还是 Mac 上的 Chrome 和 Windows 上的 Chrome 之间的 1px 差异？

为什么它只发生在 14px 的字体大小上？

编辑：试图澄清问题

我正在使用 angular 6 材料并使用“roboto-fontface”依赖项。我在我的应用程序中只使用常规的机器人字体。但它下载了所有常规、中等和粗体字体，并增加了我的应用程序大小。有没有办法只下载Regular Roboto 字体。还有有什么方法可以停止从浏览器下载这些字体。每当我加载应用程序字体下载并增加加载时间时。请建议我处理这些字体的最佳方法

我正在使用 material-ui 组件的最新版本。在文档中他们说你必须把这行代码

在您的 index.html 中，以便能够使用字体 Roboto。我的问题是如何为不同的组件应用 Roboto 字体的不同变体（即常规、粗体、中等、黑色、浅色）？

我正在尝试使用分别带有 Unicode U+2720 和 U+24BA 的 Maltese Cross 和 Circle E 图标生成 PDF 文件。

pdf 文件是使用用于 javascript 的 pdfMake 库生成的。我使用的是 pdfMake 库提供的默认字体 Roboto。我还尝试使用https://pdfmake.github.io/docs/fonts/custom-fonts-client-side/中所示的自定义字体但是添加字体“Arial Unicode”会降低处理速度并增加构建文件的大小.

尝试过这样的事情：

我期待尝试减少构建文件的大小或使 unicodes 可用于任何其他字体。任何帮助将不胜感激。！！

我正在尝试使用 Yellow Lab Tools 和 GTmetrix 等不同类型的工具优化我的网站，当我检查首页中加载了哪些网络字体时，我发现这两个我不认识的网络字体链接。

https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxM.woff (19.4 KB) https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc-.woff (19.5 KB)

我不知道这些是做什么用的以及它们在哪里使用。有没有办法停止加载这两种网络字体？

我检查了我的 css 文件和 js 文件以及所有内容，但我似乎找不到解决方案。

这是我网站的首页。

http://run-journey.com/

我在我的网站中使用了唯一的字体。

任何建议将不胜感激。谢谢你。

正如您在屏幕截图中看到的那样，图标和字体未正确加载。

我们的观察是，这只在 Safari中不起作用。无论我们是在 iPhone 上还是在 Mac 上进行测试。

字体加载如下：

我们测试的任何其他浏览器都能正确显示图标和字体。（iOS 上的 Google 浏览器；Windows 上的 Chrome）

从我们在 Safari 调试器中看到的情况来看，似乎无法下载字体文件。（我不想写这个但是：有时我观察到它工作了很短的时间然后停止工作。）

在 Chrome 中，结果如下所示：

会有什么建议？

• 自托管？为什么？

2019-11-13 更新：在以下位置找到更多信息：https ://github.com/doanythingfordethklok/safari-cache-bug

我有一个 xamarin 表单应用程序。我想使用 Google Fonts 中的Roboto Font Family。实际上，Roboto Light 和 Roboto Regular。适用于 iOS 的 Roboto Light 和 Roboto Regular 的名称是什么？

它不是这样工作的......当使用每个字体系列 foreach 组件时，它只应用一种字体而不是两者

我想创建一个“使用 Google 登录”按钮。为此，我安装了这个模块npm i roboto-fontface并在 angular.json 中添加了这一行

突然间，一切都变成了那种字体！如何将其限制为仅特定组件？这甚至是正确的方法吗？

客户端无法在 Microsoft Outlook 2016 中接收 Roboto 字体格式的邮件。

当我们从我们的网站触发电子邮件时，其中包含 HTML 中的所有 Roboto 字体类，但在客户端 Outlook-2016 中，电子邮件没有以 Roboto 字体格式显示，它只是以普通字体格式更改。

Outlook2016 中是否有任何设置，我们可以在其中检查字体设置客户端在阅读/接收邮件部分中对EMAIL BODY的内容。（注意-我必须检查电子邮件正文的字体）

注意 - 客户端 VM 中启用了 Google Roboto 字体。我已经检查过-文件->选项->邮件->文具和字体->新​​电子邮件-字体。--所有这些都具有默认设置。