Html @字体与字体
我正在一个网站上工作,目前正在使用@font-face技术(+)加载字体。 我注意到一些特殊字符没有正确加载->ŠĐŽĆđđžčć。 也就是说,这些字符存在于字体本身中。 所以,我做了一个测试。。。 我加载了一个带有@font-face字体和cufon字体的测试页面。。。 结果如下-> 当然,下面是代码->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">
<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。。。是字体生成器。。我没有明确检查是否需要制作特殊的字符。。所以要解决这个问题,请转到字体生成器,检查专家设置>>子集>>自定义子集>>选择您的语言。。。和。。中提琴!