问题标签 [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.
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:
css - 不同语言上特定 unicode 范围(css 3 属性)的字体大小不同
我在我的css上使用字体,我有一个问题,即通过使用由设计师创建的字体系列的src创建的希伯来字符并创建另一个范围为英文字符的字体,因为它们是在同一个容器上的希伯来字符旁边巨大。
这是我的CSS代码:
对于任何字符:
除了英文字符,
如您所见,它们具有相同的字体系列。
我让它们使用不同的字体,但是字符大小之间的差异很大。
对此有什么帮助吗?
谢谢 ,
伊兰
css - 不懂@font-face 覆盖效果
http://24ways.org/2011/creating-custom-font-stacks-with-unicode-range/
我找到了一篇关于unicode-range
for@font-face
规则的文章,并且 firefox 不支持该unicode-range
属性。但是作者找到了一个解决方法,我不明白。
我不明白它应该如何工作。第二个(后备)规则unicode-range
也使用 . 那么为什么要解决将 arial 字体应用于所有字体字符的问题呢?
以及为什么在第一个版本中(unicode-range
没有后备规则)它应该起作用。我希望第二条规则每次都适用于所有浏览器?
我们可以利用 CSS 级联的规则来确保如果
unicode-range
不支持我们得到一个合理的后备字体。@font-face
理想的情况是,如果我们能够在没有实现 Unicode 范围的情况下使用第二条规则来覆盖它,那么我们能够跟进该规则。
css - 使用 LESS/CSS 将自定义字体应用于除 & 号以外的所有字符
我有以下内容:
正在应用自定义字体,但由于 Mensch 不支持 & 符号,因此我尝试有条件地将 sans-serif 应用于字体(如果它是 & 符号)。上面的代码不起作用 - 符号只是没有出现。我究竟做错了什么?
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/
css - 使用 unicode_range 仅排除数字
我正在使用自定义字体并通过@font-face 加载它。文本看起来不错,但数字看起来很奇怪(仅在 chrome-windows 上,这是一个众所周知的错误。是的,我尝试使用 chrome 的 svg 格式,它解决了数字但搞砸了文本)。我决定将我自己的字体限制为 only [a-z][A-Z]
,并且使用这个生成器得到了这个:
它似乎......不起作用。数字仍在使用该字体显示。我如何找到合适的范围来使用\其他一些解决方案?我希望有一个通用的解决方案,例如,如果我也想限制未来的字体。
提前致谢!
Ps 当我谈到这个主题时 - 我假设没有办法两次加载相同的字体 - 将.svg
文件用于数字和.otf
文本,对吗?因为如果可能的话,那也很棒。
apache-flex - CSS、Flex 中的 unicodeRange 无效
我很难通过减少字体的 unicode 范围来限制应用程序的大小。
我尝试了几种不同的组合,无论我放什么范围,错误都是一样的:
-无效的 Unicode 范围 '005A'
如果我这样做,005A 可以是任何东西:
错误是这样的:-invalid Unicode range '007E'
我尝试了不同的字体,Arial、Helvetica、Century ... 每个人都有同样的错误,所有的 unicode 范围都会在 CSS 文件中抛出错误。
有什么想法可能是错的吗?我已经阅读了 Adobe 的文档,不知道还能做什么。
css - 从 Google 字体导入时操作 unicode-range
我的问题可以看作是这个答案的后续。
我在我的项目中使用 Google 字体,现在想更改 unicode-range,所以只有数字会受到影响(请参阅上面的链接答案)。我的问题是我不能让它与包含一起工作:
当我像这样导入字体时,字体已经由谷歌生成(谷歌还提供了正确的字体设置以避免跨浏览器问题,非常方便)。我尝试像这样覆盖导入的字体:
但这没有用。为了达到只附加数字的预期效果,我需要从 Google 导入 URL 中获取 CSS 并将其复制到我自己的 CSS/SASS 文档中。但后来我失去了由 Google Fonts API 完成的跨浏览器服务以及他们的 CDN 的速度。
有没有办法在保持 Google 字体导入的同时更改 unicode-range,或者当我想使用 unicode-range 时我真的需要自己托管字体吗?
html - 在网页中显示两种语言的文本,在css中使用不同的字体,字体在规则中
我的网页按预期使用 Yekan 字体显示波斯文本。为什么英文文本错误地使用了 Alger 以外的字体?
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
一行 - 它与这个问题有关吗?请指教。我需要能够使用以下土耳其语字符:ş
, Ş
, İ
, ı
, ğ
, Ğ
.