网页文字替换技术

March 22, 2010

直到现在… 如果要在网页上使用大的漂亮的中文字体最好的方法还是图片,如果要做一个多语网站的话就要为这些用作title的字符做多套图片。这样明显的两个缺陷就是:1.不能支持搜索;2.维护麻烦 所以出现了网页文字替换技术,我知道有CSS3,FACETYPE/CUFON,PCDTR/SIFR CSS3 使用@font-face属性定义要被应用的字体 @font-face {font-family: ‘fontNameRegular’;src: url(‘fontName.eot’);src: local(‘fontName Regular’),               local(‘fontName’),               url(‘fontName.woff’) format(‘woff’),               url(‘fontName.ttf’) format(‘truetype’),               url(‘fontName.svg#fontName’) format(‘svg’);}  这段定义了一个font-face,名字就是fontNameRegular,然后载入正对不同浏览器的字体,eot->IE,ttf/woff->FF,svg->apple 然后就可以在CSS里像使用普通字体那样定义字体文件。 CSS3是理论上最标准的服务器端字图解决,但是需要提供多套字体,比较麻烦:( FACETYPE/CUFON 这两个是使用js用SVG在客户浏览器“画字体”的解决方案。首先我们把需要的字体转换成SVG编码,浏览的时候客户端从浏览器下载js绘图脚本和SVG库,然后根据服务器端字体的信息在客户浏览器上绘制出相应的图像         <script src="cufon-yui.js" type="text/javascript"></script>        <script src="_400.font.js" type="text/javascript"></script>        <script type="text/javascript">            Cufon.replace(‘h1’);        </script> 调用非常简单,先是load两个js,一个是处理工具一个是字库,然后使用replace方法替换字体,replace支持Class,ID和html元素3中变量(.class,#ID,h) 字体只用处理一次,不需要特殊的浏览器插件是这个方案的好处,但是如果需要替换所有浏览内容,对客户端处理能力还有网络流量是巨大的考验 PCDTR/SIFR 这两个是最早的字体替换方案,PCDTR使用png图片,SIFR使用FLASH。 两种替换的样式,都通过CSS来定义,PCDTR的兼容性非常好,不需要任何插件支持,SIFR需要安装flash插件 优点是可以直接使用TTF字体,不足是大量的替换文字会加重服务器的负担 Valid CSS styles OF PCDTR   font-family: font;Specify the .ttf or .otf font […]

1

玩了下MLCAD

March 1, 2010

周末用mlcad做的8291 模块都是用ldd现成的,排气管用LSynth创建花了快一天时间输出.POV文件 然后 POV 渲染光源反射都是默认的简单改了镜头方向 建模  半成品~~ 渲染结束:)

1