问题标签 [variable-fonts]

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 投票
2 回答
499 浏览

css - 来自 Google Fonts 的可变字体不会改变粗细

我第一次尝试使用可变字体,即来自 Google 字体的 Quicksand。这是它给你的标签......

它肯定在页面上使用流沙,但问题是当我将字体粗细从 400 更改为 500 时,它并没有改变。300 也没有任何作用,但如果我将其更改为 550 以上的值,它似乎会变得非常大胆。就好像我已经将它设置为只下载两种不同的权重,一种很轻,一种很粗。

我环顾四周,发现一篇文章说这样做:

但这似乎并没有改变任何东西。我错过了什么吗?

0 投票
1 回答
65 浏览

php - 我可以通过 imagettftext() 使用可变字体的功能吗?

使用 gd2 库时,我可以加载可变字体

但我不知道如何设置重量或宽度等属性。

可能吗?如果是怎么办?

0 投票
1 回答
548 浏览

ios - iOS 14 中的可变字体

以下代码允许创建具有不同权重的字体。

它在 ios 13 及更低版本上运行良好,但在 iOS 14 上无法运行。有什么解决方案吗?

0 投票
0 回答
148 浏览

java - JavaFX 中的可变字体

所以我不清楚一些事情。JavaFX 如何处理可变字体?

例如,我有这个Roboto Variable Font。我已经通过 CSS 将它嵌入到我的应用程序中。然而,似乎只使用Regular变体。

指定字体粗细(数值)不会更改呈现的字体。我希望能够使用thin(100) 到black(900) 字体粗细。

我还尝试对不同的变体使用不同的字体,但我不能声明任何不是bold. 我做了这样的事情:

我想使用可变字体(因为大小更小),但如果我可以让它使用多种字体,我会在这个时候使用它。

我应该怎么做?

0 投票
1 回答
503 浏览

javascript - html5-canvas 中的可变字体

我对可变字体有这个问题,想知道是否有人有解决方案的想法。我已经使用可变字体构建了这个海报生成器,您可以在其中操纵两个轴上的字体变化设置。这是一个现场示例http://automat.markjulienhahn.de

现在我正在尝试通过 html2canvas 下载结果。不幸的是,画布对象似乎不支持可变字体,因此画布对象只能显示字体的一种状态,而 fontVariationSettings 没有任何效果。

这就是我拉画布元素的方式:

这就是我操作可变字体的方式。

我将不胜感激任何帮助!

0 投票
1 回答
128 浏览

css - 可变字体支持中的斜体

我在使用网络字体从普通字体样式切换到斜体时遇到问题。

当我使用字体变化设置时,我只会得到正常的样式:

我正在使用一种名为Petrona的Google 字体@font-ace

这是我在 CSS 中调用字体的方式:

如果我删除第一个@font-face声明,我会得到斜体字......但是如果我尝试:

我还是看斜体...

我已经阅读了这篇文章,但我似乎看不出我哪里出错了。

0 投票
0 回答
33 浏览

javascript - 通过鼠标移动控制可变字体

我正在尝试使用一种可变字体,其权重会响应鼠标移动。我从一个展示了这一点的网站上获取了一些代码,但我无法让它工作。我已经为它制作了一个codepen。如果有人能发现出了什么问题,我很想听听。谢谢

https://codepen.io/mrjonoces/pen/GRmGWpx

0 投票
0 回答
53 浏览

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

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

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

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

0 投票
2 回答
140 浏览

axes - 是否有一种“快速”的方式来获取有关可变 Google 字体的信息?

我正在构建一个 UI 作为产品的一部分,以便轻松选择、选择和设置 Google 字体的样式。我受到可变字体的挑战,因为我找不到获取这些信息的好方法。开发者 API 通过一个大的 JSON 字符串为所有 Google 字体提供元数据。但是,它似乎不包含任何可以让开发人员辨别哪些字体是可变的数据。它们都“看起来”是标准字体。

有没有快速获取此类数据的方法?很快,我说的是类似于 Google Font 的开发人员 API 的东西,但包含各种可变字体的数据,其中包括:

  • 哪些字体是可变的?
  • 可变字体附带哪些轴?

目前,我见过的探索可变字体及其轴的唯一推荐方法是将字体加载到网页中,并在开发人员工具中使用 Firefox 的字体编辑器手动获取数据。但使用 Google 字体中当前的 112 种可变字体,收集这些信息可能需要数天时间。所以我的问题是:有没有更快的方法来获取谷歌字体中可变字体的元数据?

0 投票
0 回答
30 浏览

fonts - 如何编写可变字体?

我想写一个可变字体,但希望能够在代码中编辑字体路径。我想我可以找到一些关于字体文件格式的信息,并且会有一些类似 SVG 的文件格式来为字形/字母创建路径。但是我在搜索时发现的每个结果都是关于如何使用 CSS 选择字体或如何在 Photoshop 中绘制图标。我想做的是用 SVG 风格的脚本语言为字母编写代码,将其嵌入字体文件中,然后在浏览器中使用它?

所以我想创建创建字体文件的软件,比如创建一个“font.woff2”文件。不要选择自定义字体,也不要将字体设计为绘图程序。

作为背景,我有兴趣尝试看看我是否可以创建可以生成个性化阅读障碍字体的软件,其中字体对用户来说是独一无二的。