![](/img/trans.png)
[英]How do I make the unicode-range in @font-face for only load Latin characters? (css)
[英]Making a Latin font smaller than Hebrew (unicode-range)
我有一个希伯来语/英语网站,它使用两个 fonts 添加了@font-face
。 使用unicode-range
我定义了一种字体仅适用于希伯来字符,另一种字体适用于所有其他字符。
问题在于我的希伯来字体中的字符看起来明显小于拉丁字体中的字符。 简单的解决方案是替换其中一个 fonts 并找到其他具有相似大小的字符。 但不幸的是,我必须保留那两个 fonts。 不能改变它们。 所以我的问题是。 有没有办法例如定义拉丁语 unicode-range 中的所有字符的font-size
为0.8em
?
请记住,一个元素可能同时包含希伯来语和拉丁语字符。 因此,根据整个站点的语言设置不同的 class 的解决方案将不起作用。 它真的必须在“每个字符”级别上定义。
编辑:根据评论中的请求,我正在添加一个代码示例:
/* --- --- --- 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';
}
你目前不能。
unicode-range
属性用于确定是否下载字体。 它不会过滤要应用字体的字符范围。
...如果页面不使用此范围内的任何字符,则不下载字体; 如果它至少使用一个,则下载整个字体。
该描述符的目的是允许对字体资源进行分段,以便浏览器只需要下载特定页面的文本内容所需的字体资源。 例如,具有许多本地化的站点可以为英语、希腊语和日语提供单独的字体资源。 对于查看英文版页面的用户,无需下载希腊文和日文字体资源fonts,节省带宽。
您最好的选择是为不同的语言段使用不同的字体:通过在段上插入span
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.