CSS自定义字体不起作用答案

【问题标题】：CSS Custom Font Not workingCSS自定义字体不起作用
【发布时间】：2014-09-01 14:19:16
【问题描述】：

我已经在 windows 中安装了新字体，现在我想在我的 web 中使用该字体作为自定义字体。在下图中，它将描述我的所有问题http://i.imgur.com/hkbfA6O.png

这是我的代码

<html>
    <head>
        <meta charset='uft-8' />
        <style type="text/css">
            @font-face {
                font-family: urdu;
                src: url(font/urdu/NOORIN01.TTF);
            }
            @font-face {
                font-family: eng;
                src: url(font/sansation_light.woff);
            }

            body{
                font-size:30px;
            }
            .urdu{font-family:'urdu';}
            .eng{font-family:'eng';}
        </style>
    </head>
    <body>
        <div class='urdu'>میں نے آپ کے مسئلے کو قتل کرنے جا رہا ہوں</div>
        <div>میں نے آپ کے مسئلے کو قتل کرنے جا رہا ہوں</div>
        <div class="eng">The quick and brown fox jump over the lazy dog.</div>
    </body>
</html>

这里是字体文件
http://speedy.sh/WdxpP/sansation-light.woff
http://speedy.sh/wEzZ6/NOORIN01.TTF

【问题讨论】：

您的检查员是否将该文件显示为 200 正常还是有错误？
font/urdu/NOORIN01.TTF 路径很好，没有错误。我认为编码问题等
我已经提供了代码和字体，所以专家可以自己测试。
你有 'uft-8' 作为你的字符集。应该是 UTF-8
我猜在 html 中它并不重要，因为它不敏感。但是我也检查过了，它并没有解决问题

标签： css encoding fonts font-face custom-font

【解决方案1】：

字体坏了。我使用指定地址提供的NOORIN01.TTF 字体进行了测试，并使用问题中的代码进行了测试。这是我在 Firefox 控制台中看到的（在 Win 7 上）：

downloadable font: hdmx: Table discarded (font-family: "urdu" style:normal weight:normal stretch:normal src index:0)
source: [...]
downloadable font: not usable by platform (font-family: "urdu" style:normal weight:normal stretch:normal src index:0)
source: file:///C:/Users/Jukka/Documents/Fonts/NOORIN01.TTF

查看字体检查器中的字体，我注意到这些字符已分配给私人使用代码点。这样可以“工作”，但是 HTML 内容需要包含这些代码点。它显然无法工作，因为字体中的某些表格被破坏了。

结论是：找另一种字体。

【讨论】：

这是乌尔都语标准字体，我是否需要为乌尔都语创建自己的字体，任何方法都可以显示现有字体的几个字符。如何进行
@Wasim，我想知道那个标准可能是什么。无论如何，找到适合特定语言的字体是一个不同的问题，并且在 SO 中是题外话。无论如何，Arial 的现代版本支持乌尔都语，而且通常您可以期望访问者的浏览器能够呈现乌尔都语文本，即使您什么都不做。