gpt4 book ai didi

html - @font-face 与 cufon

转载 作者:太空狗 更新时间:2023-10-29 13:12:35 26 4
gpt4 key购买 nike

我正在一个网站上工作,目前使用@font-face 技术(this + this)加载字体。我注意到一些特殊字符没有正确加载 -> ŠĐŽČĆ šđžčć。也就是说,这些字符存在于字体本身中。所以,我做了一个测试......我用 @font-face 字体和 cufon 字体加载了一个测试页面......结果如下 ->

enter image description here

当然,这是代码->

<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 技术...

那么,我有两个问题...有人知道这里发生了什么吗?而且,如果我改用 cufon insted @font-face - 这会减慢页面加载速度多少? (考虑到cufon使用JS加载字体)

感谢您的宝贵时间!

最佳答案

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

根据我的经验,唯一提供 100% 有效的在线网络字体生成服务 - 发布免费网络字体是 Font Squirrel .它还允许很多有用的东西,例如字体子集,这也可能是您的问题(即您没有指定在生成的网络字体中包含其他字符 - 塞尔维亚语/克罗地亚语是 Latin Extended B 的一部分,如果我我没有记错)。

关于html - @font-face 与 cufon,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6839925/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com