html – @ font-face vs. cufon

发布时间：2020-12-14 19:32:14 所属栏目：资源来源：网络整理

导读：我在一个网站上工作,目前正在使用@ font-face tehnique( this this)加载字体. 我注意到一些特殊字符没有正确加载 – ??????????. 这就是这些字符存在于字体本身. 所以,我做了一个测试… 我加载了一个带有@ font-face字体和cufon字体的测试页面… 结果在下面

我在一个网站上工作,目前正在使用@ font-face tehnique( this this)加载字体.
我注意到一些特殊字符没有正确加载 – > ??????????.
这就是这些字符存在于字体本身.
所以,我做了一个测试…
我加载了一个带有@ font-face字体和cufon字体的测试页面…
结果在下面 – >

当然,这里是代码 – >

<html>
    <head>
        <script type="text/javascript" src="cufon-yui.js"></script>
        <script type="text/javascript" src="ReprobateCRO_400.font.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
        <script type="text/javascript">Cufon.set('fontFamily','ReprobateCRO').replace('h1');</script>
        <style type="text/css">
            @font-face {
                font-family: 'ReprobateCROLASTRegular';
                src: url('reprob_cro_last_last-webfont.eot');
                src: local('ReprobateCROLASTRegular'),url('reprob_cro_last_last-webfont.eot?#iefix') format('embedded-opentype'),url('reprob_cro_last_last-webfont.woff') format('woff'),url('reprob_cro_last_last-webfont.ttf') format('truetype'),url('reprob_cro_last_last-webfont.svg#ReprobateCROLASTRegular') format('svg');
                font-weight: normal;
                font-style: normal;
            }
            h2{
                font-family:ReprobateCROLASTRegular;
            }
        </style>
    </head>
    <body>
        <h1>--> CUFON --> ????? ?????</h1>
        <br/><br/>
        <h2>--> @FONT-FACE --> ????? ?????</h2>
    </body>
</html>

到目前为止,我已经尝试从utf8,widnwos1250切换编码,似乎没有使用@ font-face tehnique …

所以,我有两个问题…有人知道这里发生了什么吗？而且,如果我切换到使用cufon inst @的@ font-face – 多少会减慢页面加载？ (concidering cufon使用JS加载字体)

感谢您的时间！

解决方法

我最近在@ font-face上遇到了很多问题,当时我在一个网络字体密集型网站上工作,结果发现在线网络字体生成工具本身就是有罪的.他们只是生成坏的.woff / .ttf / .svg /.otf文件,导致了很多问题,很难确定问题的根源.

在我的经验中,唯一提供100％有效 – 免费网络字体的在线网络字体生成服务是Font Squirrel.它还允许许多有用的东西,如字体子集,这也可能是您的情况下的问题(即您没有不要指定在生成的网络字体中包含其他字符 – 如果我没有错误,则塞尔维亚语/克罗地亚语是拉丁语扩展B的一部分).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!