浏览器中的Unicode渲染问题

时间:2013-08-28 07:27:48

标签: html css unicode font-family

在我的页面中,我需要从下面的列表中渲染一些 unicode 符号。

  1. Latin Extended-B
  2. 希腊语和科普特语
  3. 西里尔
  4. Herbrew
  5. 阿拉伯
  6. 叙利亚文
  7. NKO
  8. 杂项数学符号-A
  9. 我的代码如下:

    body
    { 
        font-family:Arial, Tahoma, sans-serif ,Cambria Math, Symbola, Quivira, STIX, Code2000, Code2001, Code2002,Arial Unicode MS; 
    }
    
    <div>
        &#x027E1; <br />
        &#x027E2; &#x027E3; &#x027E4; &#x027E5; <br />
        &#x027E6; &#x027E7; &#x027E8; &#x027E9; &#x027EA; &#x027EB; <br />
        &#x027EC; &#x027ED; &#x027EE; &#x027EF;
    </div>
    

    但是有些符号没有正确渲染。 而不是正确的符号类型符号正在获得渲染。 如下所述。

    enter image description here

    我安装了一些新字体(按照下面的列表)并重新启动系统,

    Code2000(TrueType)
    Code2001(TrueType)
    Code2002(TrueType)
    arialuni.ttf
    

    但实际符号无法渲染

    如何为 Unicode呈现获得完全支持

3 个答案:

答案 0 :(得分:0)

您需要将其添加到代码中

<meta charset="utf-8"> 

答案 1 :(得分:0)

AFAIK,所有浏览器都支持@font-face来加载webfonts,并且可以支持这些字体中的任何字符。因此,如果您确保提供对支持这些字符的webfont的访问权限,您应该能够在任何浏览器中显示任何字符。

为避免使用巨型字体仅支持一些特殊字符,您可以使用 Icomoon App 等工具创建自己的字体。

我使用Icomoon应用程序创建 Emoji emoticon font 以及基于每个项目创建自定义图标字体。

有关使用或创建图标字体(或其他网络字体)的详情,请参阅 Create webfont with Unicode Supplementary Multilingual Plane symbols

答案 2 :(得分:-1)