网站上字体应用得体会上访问网站者感觉欣心悦目,我们日常所看到的网站大多是常见的系统字体,因为网站设计师都知道用自已电脑上的字体本机可以显示,但服务器系统并不一定有这种字体,所以可能会显示不正常,所以很多人只能放弃,要么把文字做在图片上!那有没有不把文字做在图片上可以放任何字体呢?答案是肯定的!
有人认为是不是像网站验证码一样,把字体是“打印”打到图片上的,我们要说的不是这种方法,当然那种方法也是可以正常显示的,但显示效果任然会是图片,这样有二个缺点:其一:太复杂,大家知道,做验证码首先要生成图片,包括图片的高度,宽度,然后把文字“打印”上去,我们在很多时侯并不知道这文字会占用多大的位置,所以这个方法虽然理论可行,但实际上并不科学!其二,如果整篇文章这样做的话,那搜索引擎也收不到内容,因为是图片,图片上是什么东西估计它也不能理解!
那么有什么快捷又能让搜索引擎能看得到的方法呢?
其实也很简单,在CSS中引入字体内容,只不过如今的浏览器标准不一,所以字体要做三种结尾的字体传到服务器上,.eot,.svg,.ttf,当然如果你不用考虑其它的,也可能直接上传.ttf文件即可!在CSS代码中作如下应用即可:
@font-face { font-family: 'MaidenOrange'; src: url('font/MaidenOrange.ttf'); p.eobo.cn {font: 18px/27px 'MaidenOrange', Arial, sans-serif;} }
是不是很简单呢,国外的网站应用比较多,国内相对来说较少,看了此方介绍,您也不妨一试!文章来源:义乌立天网络,谢绝转载!
本文地址:http://www.eobo.cn/news/371.html
|