问题标签 [roboto]

我在使用 Roboto 字体系列的 chrome 中遇到问题。
这在 Firefox 中运行良好，但 chrome 并没有给出和之间的字母间距F，L正如您在图片中看到的那样。

对于基于Material UI (React) 并使用Webpack构建的渐进式Web 应用程序，我如何正确包含 Roboto 字体，以便该应用程序不依赖于 Google 服务器并且字体也可以离线工作？

• 安装页面仅引用Google 字体页面，但这显然会强制从 Google 服务器下载字体。

• Roboto 字体存在类似的Material UI 问题，但仍依赖 Google 提供字体文件。

• 我找到了一个提供 Roboto 字体文件的 NPM 包，但我不确定如何包含这些文件，因为提供了很多样式和字体格式，而且我不知道 Material UI 真正需要什么样式。此外，仅通过 @import 导入这些字体系列似乎存在性能问题。

那么，将正确的Roboto 文件与我的应用程序捆绑在一起的好且简单的解决方案是什么？

我想在我的应用程序中使用以下字体 - Roboto Medium - Roboto Regular - Roboto Light

根据 Material design 文档，默认情况下可以使用 Roboto 字体。

除了将字体设置为自定义之外，我是否需要做任何特定的事情来支持棒棒糖之前的设备。

由于某些制造商提供更改字体（我不想在我的应用程序中支持），因此将此机器人设置为自定义字体是一种好习惯吗？

我有一个基于 的 Cordova/Angular2 应用程序，angular-cli也使用 Material Design。我注意到，当我构建时，我会在我的dist目录中获取文件，例如

虽然坦率地说，我不知道谁负责引入这些。问题是，即使body { font-family: Roboto, sans-serif; }我的 CSS 中有 Roboto，也没有应用 Roboto，我得到的是普通的旧无衬线字体。我怀疑@font-face可能需要从某个地方引入必要的声明，但我不知道从哪里来。

我的问题是：例如，是否有一个神奇的 CSS 文件，其中包含适当的@font-face定义，我可以@import从中app/styles.css获取？

此外，分布中的字体似乎仅适用于常规权重。因为我不知道是谁负责将这些字体包含在构建中，所以我也很困惑，如果我愿意的话，我如何能够引入其他版本的不同权重的 Roboto。

我已经阅读了这个问题，但它似乎过于复杂并且可能已经过时了。

我们在三个定制的 WordPress 网站上遇到了一个奇怪的问题。文本中有随机可见的方块。这些方块仅在 Chrome for Windows 中可见。这些方块在https://www.dakcheck.nl可见。我还对问题进行了截图。你知道什么可能导致这个问题吗？

我的问题很简单，症状很奇怪。

在我的 HTML 的头部，我包含了直接从 Google Font 加载字体的代码。

这是我的 CSS：

无论我选择什么自定义，字体似乎都是正常的字体。我尝试使用 Roboto Thin (Roboto:100) 和 Roboto Thin Italic (Roboto:100i) 但它们都没有真正改变。

我的代码中有什么遗漏的吗？

我正在对我的 react 本机应用程序中的文本进行一些更改：我需要为段落指定 Roboto light，为标题指定 Roboto Bold。我需要在 iOS 和 Android 应用程序中具有相同的文本外观：所以我需要让它对两者都有效 我尝试了这段代码

但我收到此错误：

我从官方文档中尝试了这种类型，它工作正常

--> 所以我认为问题出在 Roboto 字体家族本身。有什么帮助吗？

我有一个角度材料应用程序，当在 IE (11) 中查看时，它不能正确显示字体。在 Firefox 和 Chrome 中，我没有看到任何问题。

字体不是远程获取的，它们作为资源包含在应用程序中。

作为一个例子，我有一个 sidenav 组件，它包含一个在 Chrome\Firefox 中看起来像这样的菜单：

但在 IE 中看起来像这样：

检查 IE 中的网络流量，我可以看到字体文件已成功检索，并且在将 url 复制到新的浏览器选项卡时可以很好地打开这些文件。

奇怪的是，当我对 IE 运行量角器测试时，字体渲染得很好，我想知道 selenium server\IEdriver 是否正在做一些不同的事情来允许字体显示？

任何人都有任何想法这里可能是什么问题？

谢谢

我刚刚使用 bower 在我的项目中包含了 Materialize，但不幸的是， ./bower_components/materialize/dist/中始终缺少字体文件夹。

这是我的 bower.json

我直接将它检查到github 存储库并在我的本地环境中使用 git 克隆它，我意识到 fonts/roboto 文件夹已经存在（~/test/materialize/dist）。

我的问题是：

1. 我的凉亭出了什么问题，为什么它一直忽略 materialize/dist/font 文件夹以进行下载？
2. 如何修复它，或者我应该手动添加字体文件夹？
3. 像包管理器这样的其他凉亭是否比它更可靠？

按照 Material UI 的入门指南，我在我的存储库中安装了 typeface-roboto，如下所示：

Index.js 是我的 React 应用程序的入口点：

根据该网站，这应该可以解决问题。然而，在运行时，webpack 向我抛出了这个错误：

webpack.config.js 的模块部分：

我发现了许多相关的问题，人们或多或少地向它抛出了随机的“解决方案”，但实际上并没有解决任何问题或解释这里发生的事情。

使用的版本：

• 网络包 3.7.1
• 提取文本 webpack 插件 3.0.1
• 字体机器人 0.0.41
• 节点 8.6.0