html – @ font-face vs. cufon

前端之家收集整理的这篇文章主要介绍了html – @ font-face vs. 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的一部分).

原文链接:https://www.f2er.com/html/224322.html

猜你在找的HTML相关文章