问题标签 [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 回答
3818 浏览

performance - @font-face unicode-range 属性

在一些 html 文档中,我只使用了几个单词的 webfonts。在性能方面加载完整的字体文件似乎很浪费。这是 @font-face 声明的 unicode-range 参数出现的地方:

http://www.w3.org/TR/css3-fonts/#unicode-range-desc

有了它,我应该可以定义要加载的字体文件的哪些字符,从而大大提高性能。但我就是无法让它工作。奇怪的是,它显示了 firefox 中的所有字符,并且如果我在声明中包含 unicode-range 参数,它就无法在 safari 中加载字体。任何帮助将不胜感激,下面是我正在测试它的html:

0 投票
1 回答
2093 浏览

css - 不同语言上特定 unicode 范围(css 3 属性)的字体大小不同

我在我的css上使用字体,我有一个问题,即通过使用由设计师创建的字体系列的src创建的希伯来字符并创建另一个范围为英文字符的字体,因为它们是在同一个容器上的希伯来字符旁边巨大。

这是我的CSS代码:

对于任何字符:

除了英文字符,

如您所见,它们具有相同的字体系列。

我让它们使用不同的字体,但是字符大小之间的差异很大。

对此有什么帮助吗?

谢谢 ,

伊兰

0 投票
1 回答
994 浏览

css - 不懂@font-face 覆盖效果

http://24ways.org/2011/creating-custom-font-stacks-with-unicode-range/

我找到了一篇关于unicode-rangefor@font-face规则的文章,并且 firefox 不支持该unicode-range属性。但是作者找到了一个解决方法,我不明白。

我不明白它应该如何工作。第二个(后备)规则unicode-range也使用 . 那么为什么要解决将 arial 字体应用于所有字体字符的问题呢?

以及为什么在第一个版本中(unicode-range没有后备规则)它应该起作用。我希望第二条规则每次都适用于所有浏览器?

我们可以利用 CSS 级联的规则来确保如果 unicode-range不支持我们得到一个合理的后备字体。@font-face理想的情况是,如果我们能够在没有实现 Unicode 范围的情况下使用第二条规则来覆盖它,那么我们能够跟进该规则。

0 投票
1 回答
504 浏览

css - 使用 LESS/CSS 将自定义字体应用于除 & 号以外的所有字符

我有以下内容:

正在应用自定义字体,但由于 Mensch 不支持 & 符号,因此我尝试有条件地将 sans-serif 应用于字体(如果它是 & 符号)。上面的代码不起作用 - 符号只是没有出现。我究竟做错了什么?

0 投票
2 回答
2114 浏览

css - CSS3 unicode-range 在 Firefox 中不起作用

我正在使用CSS3属性unicode-range为不同的字符集设置不同的字体。Arial用于拉丁字符,aWebNazanin用于阿拉伯语/波斯语。它似乎在 Chrome 29 和 IE10 中有效,但在 Firefox 23 中无效,它仍然Arial在 Firefox 中使用字体:

Chrome 截图
铬合金


火狐截图
火狐

这是我的CSS:

JSFiddle:http: //jsfiddle.net/maysamsh/t9MpF/

0 投票
2 回答
2102 浏览

css - 使用 unicode_range 仅排除数字

我正在使用自定义字体并通过@font-face 加载它。文本看起来不错,但数字看起来很奇怪(仅在 chrome-windows 上,这是一个众所周知的错误。是的,我尝试使用 chrome 的 svg 格式,它解决了数字但搞砸了文本)。我决定将我自己的字体限制为 only [a-z][A-Z],并且使用这个生成器得到了这个:

它似乎......不起作用。数字仍在使用该字体显示。我如何找到合适的范围来使用\其他一些解决方案?我希望有一个通用的解决方案,例如,如果我也想限制未来的字体。

提前致谢!

Ps 当我谈到这个主题时 - 我假设没有办法两次加载相同的字体 - 将.svg文件用于数字和.otf文本,对吗?因为如果可能的话,那也很棒。

0 投票
1 回答
581 浏览

apache-flex - CSS、Flex 中的 unicodeRange 无效

我很难通过减少字体的 unicode 范围来限制应用程序的大小。

我尝试了几种不同的组合,无论我放什么范围,错误都是一样的:

-无效的 Unicode 范围 '005A'

如果我这样做,005A 可以是任何东西:

错误是这样的:-invalid Unicode range '007E'

我尝试了不同的字体,Arial、Helvetica、Century ... 每个人都有同样的错误,所有的 unicode 范围都会在 CSS 文件中抛出错误。

有什么想法可能是错的吗?我已经阅读了 Adob​​e 的文档,不知道还能做什么。

0 投票
2 回答
3757 浏览

css - 从 Google 字体导入时操作 unicode-range

我的问题可以看作是这个答案的后续。

我在我的项目中使用 Google 字体,现在想更改 unicode-range,所以只有数字会受到影响(请参阅上面的链接答案)。我的问题是我不能让它与包含一起工作:

当我像这样导入字体时,字体已经由谷歌生成(谷歌还提供了正确的字体设置以避免跨浏览器问题,非常方便)。我尝试像这样覆盖导入的字体:

但这没有用。为了达到只附加数字的预期效果,我需要从 Google 导入 URL 中获取 CSS 并将其复制到我自己的 CSS/SASS 文档中。但后来我失去了由 Google Fonts API 完成的跨浏览器服务以及他们的 CDN 的速度。

有没有办法在保持 Google 字体导入的同时更改 unicode-range,或者当我想使用 unicode-range 时我真的需要自己托管字体吗?

0 投票
1 回答
710 浏览

html - 在网页中显示两种语言的文本,在css中使用不同的字体,字体在规则中

我的网页按预期使用 Yekan 字体显示波斯文本。为什么英文文本错误地使用了 Alger 以外的字体?

0 投票
2 回答
1230 浏览

unicode - 土耳其语字符不适用于 Google Raleway 字体

我正在使用特殊的 WordPress 主题以及 Google Raleway (ExtraLight) 字体。尽管 Raleway 字体支持土耳其语,但我网站上的一些土耳其语字符效果不佳。

系统不使用模板字体目录。

我在源代码中看到以下行: http://fonts.googleapis.com/css?family=Raleway%3A200%7CMontserrat%3A700&subset=latin&ver=1442092301

我必须怎么做才能使土耳其字符正常工作?我在 googleapis.com 的 CSS 上看到unicode-range一行 - 它与这个问题有关吗?请指教。我需要能够使用以下土耳其语字符:ş, Ş, İ, ı, ğ, Ğ.