首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使拉丁文字体小于希伯来文(unicode-range)

使拉丁文字体小于希伯来文(unicode-range)
EN

Stack Overflow用户
提问于 2019-10-27 10:20:04
回答 1查看 191关注 0票数 0

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

问题在于,我的希伯来字体的字符比拉丁文字体要小得多。简单的解决方案是替换其中一个字体,并找到一些具有类似大小的字符的字体。但不幸的是,我必须保留这两种字体。改变不了他们。所以我的问题是。是否有方法例如定义拉丁语unicode范围内的所有字符都应该有font-size of 0.8em

记住,一个元素可能同时包含希伯来语和拉丁语字符。因此,根据整个站点的语言设置不同的类的解决方案是行不通的。它确实需要在“每个字符”级别上定义。

编辑:注释中的每个请求--我正在添加一个代码示例:

代码语言:javascript
复制
/* --- --- --- Defining font: --- --- --- */
@font-face {
  font-family: HebrewFontName;

  src: local('HebrewFontName'),
  local('HebrewFontName'),
  url(/fonts/HebrewFontName.otf);
  font-weight: 300;
  unicode-range: U+0590-05FF,
  U+0030-0039;
}

@font-face {
  font-family: HelveticaNeue;

  src: url(/fonts/HelveticaNeueDeskUI-01.ttf);
  font-weight: 400;
}

/* --- --- --- Using font: --- --- --- */
.someElement {
  font-family: 'MigdalRegular', 'HelveticaNeue';
}
EN

回答 1

Stack Overflow用户

发布于 2020-07-17 02:58:37

你现在不能。

unicode-range属性用于确定是否下载字体。它不过滤要应用字体的字符范围。

..。如果页面在此范围内不使用任何字符,则不会下载字体;如果使用至少一个字符,则会下载整个字体。 此描述符的目的是允许对字体资源进行分段,以便浏览器只需要下载特定页面的文本内容所需的字体资源。例如,有许多本地化的站点可以为英语、希腊语和日语提供单独的字体资源。对于查看页面英文版本的用户来说,希腊和日语字体的字体资源不需要下载,这样可以节省带宽。 -- MDN unicode-范围

您最好的选择是为不同的语言段使用不同的字体:在这些段中插入span

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58578460

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档