Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html @字体与字体_Html_Css_Fonts_Font Face_Cufon - Fatal编程技术网

Html @字体与字体

Html @字体与字体,html,css,fonts,font-face,cufon,Html,Css,Fonts,Font Face,Cufon,我正在一个网站上工作,目前正在使用@font-face技术(+)加载字体。 我注意到一些特殊字符没有正确加载->ŠĐŽĆđđžčć。 也就是说,这些字符存在于字体本身中。 所以,我做了一个测试。。。 我加载了一个带有@font-face字体和cufon字体的测试页面。。。 结果如下-> 当然,下面是代码-> <html> <head> <script type="text/javascript" src="cufon-yui.js">

我正在一个网站上工作,目前正在使用@font-face技术(+)加载字体。 我注意到一些特殊字符没有正确加载->ŠĐŽĆđđžčć。 也就是说,这些字符存在于字体本身中。 所以,我做了一个测试。。。 我加载了一个带有@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>

Cufon.set('fontFamily','ReprobateCRO')。替换('h1');
@字体{
字体系列:'ReprobateCROLASTRegular';
src:url('reprob_cro_last_last-webfont.eot');
src:local('reprobatecrostrastregular'),
url('reprob_cro_last_last-webfont.eot?#iefix')格式('embedded-opentype'),
url(“reprob\u cro\u last\u last-webfont.woff”)格式(“woff”),
url(“reprob\u cro\u last\u last-webfont.ttf”)格式(“truetype”),
url('reprob_cro_last_last-webfont.svg#ReprobateCROLASTRegular')格式('svg');
字体大小:正常;
字体风格:普通;
}
氢{
字体系列:可复制CrolastRegular;
}
-->库丰-->šŠŠŠŠŠŠŠŠŠŠŠŠŠ


-->@FONT-FACE-->šŠŠŠŠŠŠŠŠŠŠŠŠ
到目前为止,我已经尝试过从utf8、widnwos1250转换编码,但是@font-face技术似乎没有任何效果

所以,我有两个问题。。。有人知道这里发生了什么吗?而且,如果我改用cufon而不是@font-face,那么页面加载速度会降低多少?(cufon使用JS加载字体)


谢谢你抽出时间

你似乎已经解决了字体问题;re:加载时间,根据我的经验,字体和cufon都可能会慢到有一个简短的默认文本闪烁。当然,这取决于您的主机和用户的连接;但这两种方法都需要大量下载(JS或字体)


所以,在其他条件相同的情况下,你也可以使用字体;至少浏览器在缓存字体文件方面越来越好,因此在初始页面加载后,可以更快地呈现。有了cufon,它总是要加载和执行JS,所以你永远无法摆脱这部分加载时间。

我自己最近在一个web字体密集型网站上工作时遇到了很多关于@font-face的问题,结果证明,在线web字体生成工具本身就是罪魁祸首。他们只是生成了坏的.woff/.ttf/.svg/.otf文件,导致了大量的问题,很难找到问题的根源


根据我的经验,唯一的在线网页字体生成服务,提供100%的有效问题免费网页字体是。它还允许许多有用的东西,例如字体子集,这在您的情况下可能也是个问题(即,您没有指定在生成的web字体中包含其他字符-如果我没有弄错的话,塞尔维亚语/克罗地亚语是拉丁语扩展B的一部分)。

您的实现很好

但是当你使用字体的时候。您使用的字体。必须具有要使用的所有字符。.ttf或任何东西在使用时都必须包含所有字符和特殊字符

当你用Cufon的时候。Cufon生成器为您生成大量额外的字体字母。在Cufon的字体生成器中。你可以为字体选择很多额外的


你明白了吗?

你用另一种@font-face生成器试过了吗?

H2的字体定义错误:缺少单引号

现在是:

font-family:ReprobateCROLASTRegular;
应该是:

font-family:'ReprobateCROLASTRegular';

我一定是漏掉了什么,但我觉得它是对的…@Andrej你在用什么浏览器?所有现代浏览器中的@font-face特殊字符都是乱七八糟的。。在chrome、firefox、IE>7、opera、safari中测试。。。看起来到处都一样…到目前为止,我认为这是@font-face生成器的问题。。它似乎没有呈现特殊的字符…找到了一个修复,但我不能发布为anwser。。。是字体生成器。。我没有明确检查是否需要制作特殊的字符。。所以要解决这个问题,请转到字体生成器,检查专家设置>>子集>>自定义子集>>选择您的语言。。。和。。中提琴!