问题标签 [unicode-range]

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 回答
42 浏览

css - 仅当当前字体没有某些字符时才使用自定义字体

我正在编写一个将一些文本放在页面上的脚本。文本包含一些 unicode 字符。我有包含这些字符的自定义字体,但只有在网页上使用的字体没有这些字符时,我才想使用我的字体。我无法控制页面的主要字体。我想到了这样的事情,但它不起作用:

.someclass { font-family: inherit, 'myFont'; }

这样做的正确方法是什么?

0 投票
0 回答
68 浏览

fonts - 如何进行 unicode-range 特征检测。

我想检测 unicode 范围。我知道 Modernizr 有一个代码。有什么方法可以从中删除不需要的部分并简单地进行功能检测?

0 投票
1 回答
195 浏览

text - 自定义文本处理的可用 Unicode 范围

我正在开发一个处理器,它将文本分成带有标记的块:

将被解析为:

但我不想使用“{word}”等,因为它会导致处理器停机,因为它又是一个字符串......我需要像这样标记:

  • 第一个\E002 表示元素类型号,它的最后一位代表元素的关闭。因此元素编号以 +2 递增。
  • 第二个 \0001 表示用于堆叠的元素索引。
  • 我只是在这个例子中不相关地使用了 \E002。

但是 \0001 也在 Unicode Range 中使用,这让我重新开始......

那么我可以使用哪个 unicode 范围?\ff0000? 或者我该如何解决这个问题?

谢谢!

0 投票
1 回答
420 浏览

javascript - 如何生成自定义 .otf 字体子集文件?

如何生成自定义.otf字体子集文件?

用例:

  1. 存在仪表.otf字体文件。
  2. 存在特定的Unicode字形集(范围、点)。
  3. 输出是足以从第 2 点开始设置的新.otf文件。

如何在 .NET 或 JavaScript 上执行此操作?

0 投票
0 回答
117 浏览

css - 特定字体的行高

在 css 中,我为特定范围的字符定义了自定义字体:

我只想更改line-height此字体,但在@font-face规则中添加此属性无效。

我怎样才能做到这一点?

0 投票
0 回答
25 浏览

regex - sed 正则表达式 unicode 范围的无效范围错误

对于上述表达式,我收到以下错误。

sed: -e 表达式 #1, char 22: 无效的范围结束

虽然我已经验证了表达式是正确的,但我不明白为什么这仍然是一个无效的范围。有什么建议么?

0 投票
0 回答
107 浏览

css - unicode-range 如何与连字一起使用?

unicode-range在块中使用时@font-face,如何包含连字?

如果连字包含由 提供的范围内外的字形混合,unicode-range该字体是否包含在连字中,还是浏览器会尝试找到更合适的字体?

或者,它是否要求所有连字的字形都包含在字体中才能呈现连字?

规范中有这些吗?我找不到任何关于它的文献。

0 投票
1 回答
129 浏览

css - 使拉丁字体小于希伯来语(unicode-range)

我有一个希伯来语/英语网站,它使用两种添加了@font-face. 使用unicode-range我已经定义了一种字体仅适用于希伯来字符,另一种字体适用于所有其他字符。

问题在于我的希伯来字体中的字符看起来明显小于拉丁字体中的字符。简单的解决方案是替换其中一种字体并找到其他具有相似大小字符的字体。但不幸的是,我必须保留这两种字体。不能改变它们。所以我的问题是。有没有办法例如定义拉丁语 unicode-range 中的所有字符都应该具有font-sizeof 0.8em

请记住,一个元素可能同时包含希伯来语和拉丁语字符。因此,根据整个站点的语言设置不同类的解决方案将不起作用。它真的必须在“每个字符”级别上定义。

编辑:根据评论中的请求,我正在添加一个代码示例:

0 投票
1 回答
444 浏览

react-native - 我可以在 React Native 中为每种语言使用不同的字体吗?

我正在使用 React Native 创建一个韩国应用程序。

我想使用不同的字体,例如韩文和英文。比如 헬로우 World 这种情况下,有没有办法使用不同的字体?

如果有人能告诉我怎么做,我将不胜感激。

0 投票
1 回答
161 浏览

javascript - 如何检测何时通过 CSS 的“unicode-range”描述符下载字体?

我正在尝试在<canvas>元素上显示自定义 Web 字体,但是由于尚未预加载字体,它并不总是第一次正确显示:

目前的外观:

没有加载网络字体的画布

这是它的外观

正确加载网络字体的画布


我知道存在几种预加载网络字体的方法,但不幸的是它们不适用于这种情况,因为页面最多可以使用90种字体。

大数字的原因是因为我使用的中文字体已被分割成许多单独.woff2的文件,以便我的 CSS 文件可以unicode-range像这样使用描述符:

这具有仅在需要时才下载相关文件的明显好处.woff2,但这也意味着当用户第一次下载网络字体时,他们将看到如上所示的无样式文本。

在理想情况下,我可以将回调函数附加到字体的自动下载中,但似乎无法访问浏览器行为的这一部分。


我目前的解决方法

我已经从一个关于网络字体预加载的旧 SO 问题中修改了一个解决方案——它非常 hacky,但它确实有效。

简而言之,它会创建一个<span>元素,其中包含一些默认字体的文本,测量宽度/高度,将元素字体设置为 Web 字体,再次测量大小并比较结果。如果大小发生了变化,则假定 Web 字体已加载:

正如我所说,这确实有效,但显然不是一个可靠的解决方案,因为两个字符在默认系统字体和 Web 字体中的大小相同并非不可能。

<canvas>另一个非常 hacky 的解决方案是每秒简单地刷新一次元素,例如使用setInterval.

我觉得必须有一种更清洁、更优雅的方式来做到这一点。任何人都可以提供任何建议吗?