CSS可以根据语言选择不同的默认字体和大小

前端之家收集整理的这篇文章主要介绍了CSS可以根据语言选择不同的默认字体和大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下CSS片段:
INPUT{ font-family: Raavi; font-size: 14px;}

当文本框中包含一些这样的旁遮普语脚本时,这可以正常工作:

用户可能会输入英文,而宁愿使用不同大小的Verdana字体,因为Raavi字体中的英文字母是真正时髦的,尺寸是错误的。

所以我的问题可以说是:

>根据输入,CSS中是否有任何类型的条件字体系列和大小选择
>有没有CSS了解输入语言?

所以我可以创建以下PSEUDO_CSS:

INPUT{ EN-font-family: Verdana; EN-font-size: 12px; PA-font-family; Raavi; EN-font-size: 14px;}

要么

INPUT.EN{ font-family: Verdana; font-size: 12px;}
INPUT.PA{ font-family: Raavi; font-size: 14px;}

解决方法

这在CSS3中得到解决,这不会有助于与旧浏览器的兼容性,但是当将希腊语和拉丁文本与每种不同的字体混合时,它对我来说是有用的。以下是从CSS字体模块工作草案中获取的示例:
@font-face {
    font-family: BBCBengali;
    src: url(fonts/BBCBengali.ttf) format("opentype");
    unicode-range: U+00-FF,U+980-9FF;
}

unicode-range位是魔术键:它告诉浏览器仅使用这个字体表达式对于这个特定的Unicode字符块。如果浏览器找到该范围内的字符,它将使用此字体;对于超出该范围的字符,它会按照通常的默认模式返回到下一个最具体的CSS语句。

猜你在找的CSS相关文章