HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – @ font-face vs. cufon大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个网站上工作,目前正在使用@ font-face tehnique( this @L_618_1@)加载字体.
我注意到一些特殊字符没有正确加载 – > ŠĐŽČĆšđžčć.
这就是这些字符存在于字体本身.
所以,我做了一个测试…
我加载了一个带有@ 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的一部分).

大佬总结

以上是大佬教程为你收集整理的html – @ font-face vs. cufon全部内容,希望文章能够帮你解决html – @ font-face vs. cufon所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。