如何在网页里嵌入像素字体

2006-12-21 11:12:10

微软的weft还真的好用,和FLASH的嵌入字体一样爽啊 以下是嵌入04系列中04b_8字体的方法 <style type="text/css"> @font-face { font-family: 04b_08;//嵌入的字体名称 font-style: normal; font-weight: normal; url(04b_08.eot) ;//嵌入的压缩字体文件路径 () } </style> 此规则使你能够在网页上使用客户端本地系统上可能没有的字体。 url 地址必须指向 OpenType 字体文件(.eot或.ote)。此文件包含可以转换为 TrueType 字体的压缩字体数据,可以用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。此文件可以使用 Microsoft WEFT 工具制作。 [url=http://www.microsoft.com/typography/web/embedding/weft3/weft01.htm] Microsoft WEFT详情[/url] [url=http://blog.guoshuang.com/guoshuangweb/software/WEFTIII2b1.exe]盗链下载[/url] 9.26M //空间不够用,无赖呀! 示例 [code]<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>嵌入像素字体实例</title> <style type="text/css"> <!--/*Font:04b_08.eot - Created by:Kyomic--*/ @font-face { font-family: 04b_08; font-style: normal; font-weight: normal; url(http://www.shareme.cn/blog/04b_08.eot) } body{ text-align:center; font-family:04b_08; font-size:6px; } --> </style> </head> <body> www.Shareme.cn <font color="red">www.Shareme.cn</font> </body> </html> [/code] [b]注意[/b]:如果代码运行框运行后无效果,请点击[url=http://www.shareme.cn/blog/EmbedFont.html]本地演示[/url]查看