我有以下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 - CSS可以根据语言选择其他默认字体和大小吗,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/535616/

    10-12 12:38
    查看更多