问题标签 [roboto]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
402 浏览

wpf - WPF - 按字体名称访问 Roboto 字体时出现问题

我已经从dafunt.com下载了 Roboto 字体。在我的应用程序中,我需要使用三种 Roboto 字体:

  • Roboto 粗体
  • 机器人中号
  • Roboto 常规

但我无法确定如何在我的 WPF 应用程序中通过字体名称访问正确的字体。如果我在 Window 的Character map应用程序中打开每个字体文件,我可以看到我认为的字体名称。这些是:

注意Robot-BoldRoboto-Regular具有相同的字体名称

所以我对如何在我的 WPF 应用程序中访问正确的字体感到困惑。

在我的 Visual Studio 项目中,我创建了一个名为Fonts. 这三个字体文件放在那个文件夹中,字体文件包含在我的项目中。每个字体文件的Build Action设置为Resource

XAML 代码

我在 Designer 中包含了应用程序的图像。

在此处输入图像描述

请注意,某些 TextBlock 的字体有一些变体。这些变化是我无法理解的。

  • asdf1:似乎已经被字体 Roboto 改变了。这是 Roboto-Bold 还是 Roboto-Regular 未知。

  • asdf2:似乎没有改变。

  • asdf3:自然是一样的asdf1

  • asdf4:我试过了,Roboto Bold但没有用。

  • asdf5:由于某种原因Roboto Medium有效。但是没有名称为Roboto Medium.

  • asdf6:我试过了,Roboto Regular但没有用。

  • asdf7:只是为了比较。似乎与asdf2,asdf4和的字体相同asdf6

这太令人困惑了。我确定我使用正确的语法来引用 XAML 代码中的字体文件。但由于字体名称似乎不太可靠,我不确定我的 TextBlocks 中使用了哪些字体。

关于如何清除这个烂摊子的任何建议?

0 投票
1 回答
87 浏览

css - 调整字体中的dash、ndash和mdash长度

我正在使用 Roboto 系列字体。总的来说,它非常适合我的所有需求,除了一个。ndash 和 mdash 之间的长度差异很小。这是一个非常重要的方面,因为作为我们服务的一部分——我们正在帮助编辑、校对员、作家和排版员。

为了解决这个问题,我们调整了字体并将其托管在我们的服务器上。不幸的是,这对页面加载和渲染速度有很大影响(即使是预加载字体)。

我想切换到 Roboto 字体的 CDNJS 版本,我想知道是否有 CSS 或 CSS+JS 方法来解决这个问题。这个想法是选择网站上的所有 ndashes 并使用 JS 或 CSS 缩短所有这些,使其正好位于 dash 和 mdash 之间的长度的中间。在原始 Roboto 字体中,ndash 的长度是 dash 的两倍,但 mdash 仅比 ndash 长一点。

另一种方法是,用另一种字体的 ndash 替换所有 ndashes。还有其他想法吗?

0 投票
2 回答
907 浏览

html - 在 Netlify 上部署后,Roboto 字体在 Safari 或移动浏览器中不起作用

把我的头发拉在这里。

我是 React 的新手,我的 css 中有这样的字体系列。在本地主机上一切都很好,但是当我部署时,Roboto 字体在 safari 或移动浏览器上不起作用......

任何帮助将不胜感激

谢谢

我也在使用样式化的组件,我不太确定这是否与它有关。

0 投票
1 回答
127 浏览

css - CSS - Chrome 和 Firefox 中的 Roboto 字体差异

我创建了一个按钮并使用了 Roboto 字体。在各种浏览器(chrome 和 firefox)上进行测试时,我注意到文本似乎有所不同。

当我使用字体粗细时出现问题:粗体。

CHROME: 这就是 chrome 上的字体

火狐: 这就是火狐上的字体

这就是 CSS 的样子。

0 投票
0 回答
48 浏览

utf-8 - 如何让 QML FontLoader 在启动时加载 UTF-8

我的设置:

  • Qt 5.9.4
  • buildroot Linux系统
  • 瑞芯微 rk3288 处理器
  • /etc/init.d 中的引导脚本

我有一些 qml 来显示一些 utf8 字符

当我从命令行 (UART) 运行应用程序时,字体会正确呈现。当我重新启动并让我的应用程序从启动脚本运行时。未正确呈现 utf-8 字符。

我尝试了各种组合:

  • 字体在文件系统上
  • 字体位于文件系统的不同位置
  • 不同的字体(montserrat、Avenir 等)。
  • 根据加载器状态显示字体 == FontLoader.Ready

所有结果都相同。我碰巧偶然发现了这个解决方案:

这行得通。我什至没有使用日文字体,但它似乎使 Roboto 开始正常工作。

  • 为什么我的字体加载 utf8 调试,但不是从启动
  • 为什么这个额外的字体会神奇地修复它?
0 投票
0 回答
53 浏览

fonts - 希腊语中的 Roboto Flex 可变字体

我正在搜索带有希腊字符的 Roboto Flex

https://github.com/TypeNetwork/Roboto-Flex

有人知道如何找到更多字符集吗?

0 投票
1 回答
668 浏览

css - 将本地字体转换为 Google 字体 CDN

我的网站上有一堆机器人字体。我想使用谷歌字体 CDN 而不是仅仅为了性能问题。当我将 google CDN url 放入 url("@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&display=swap'") 时,我遇到了一个问题不行。例如,下面的 CSS 使用本地机器人字体,我应该用谷歌字体 CDN 替换它。我应该怎么做才能解决这个问题?

  1. 机器人常规 400
  2. 机器人中型 500
  3. 机器人粗体 600
  4. 机器人平板常规 400
0 投票
1 回答
93 浏览

html - 移动浏览器中未显示 Unicode 扑克牌符号

我有一个 html 页面,我想在其中使用扑克牌符号。我最小的例子

在我的桌面 PC (Ubuntu 20.04) 上的 Firefox (92.0) 中显示黑桃 A,但在我的移动设备 (Android 7.0) 上的 Firefox (92.1.1) 中显示一个空黑框。这里有什么问题?

/edit:我学习了我的手机的USB调试,并用它来调查更多。移动端 Firefox 使用的字体是 Roboto。令人困惑的是,如果我使用

在我的台式电脑上也使用这种字体,我仍然得到相同的行为:桌面版本中的正确符号和移动版本中的空框。如此扼杀,似乎相同的字体在移动设备和桌面设备上的行为不同。有任何想法吗?