我有以下CSS片段:
INPUT{ font-family: Raavi; font-size: 14px;}
当文本框包含一些旁遮普语脚本时,该方法可以正常工作:ਪੰਜਾਬੀ
但是用户可以改用英文输入,而我宁愿使用大小不同的Verdana字体,因为Raavi字体中的英文字母确实很时髦并且大小错误。
所以我的问题可以这样说:
因此,我可以创建以下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 - CSS可以根据语言选择其他默认字体和大小吗,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/535616/