如何让没有安装网页中所需字体的用户也能得到一致的浏览效果【转】
2011-06-03 22:08
369 查看
今天给大家谈一个关于字体的话题,我们在做项目的过程中会遇到一些在psd中的字体在自己的电脑中没有安装,或者是一些特殊的文字,通常的做法是把它切成图片,但是如果这个站是多个语言的,那我们是不是把每个语言的都切一张图片呢,这样做不仅工作量很大,而且在后期维护的过程中可能会很麻烦,那我们应该怎么做呢。今天给大家介绍一种方法:
首先、
先要把所用的字体下下来,我们可能会想,把字体下下来装到电脑上不就可以了么,事实是这样,如果这个网站在我们自己的电脑上浏览可能不会出现什么问题,但是如果在没有这个字体的电脑上浏览可能就会有问题了,这里我们解决的是无论这个电脑上有没有这个字体可以正确的浏览这个网站。
第二、
先要打开这个地址:http://cufon.shoqolate.com/generate/ 打开之后先要下载一个JS文件,点击
下载。然后把本地的字体上传,下面的选项设为默认,最后 let’s do this. 这时会再次下载一个js文件。
第三、
把下载的JS文件引用到HTML中。
第四、
在html中加入这段代码:
<script type=”text/javascript”>
Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });
</script>
在这里Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });的意思就是:在h5这里的文字的字体是Myriad Pro字,不过在这里的h5并不是固定的它可是其它的标签,比如a span p等等,但是在用这些标签的时候,我们必需在css样式里面给它属上一个值,这个值就是:fontfamily:’Myriad Prpo’; 也就是把他的字体给写上去,这样才会有效。
首先、
先要把所用的字体下下来,我们可能会想,把字体下下来装到电脑上不就可以了么,事实是这样,如果这个网站在我们自己的电脑上浏览可能不会出现什么问题,但是如果在没有这个字体的电脑上浏览可能就会有问题了,这里我们解决的是无论这个电脑上有没有这个字体可以正确的浏览这个网站。
第二、
先要打开这个地址:http://cufon.shoqolate.com/generate/ 打开之后先要下载一个JS文件,点击
下载。然后把本地的字体上传,下面的选项设为默认,最后 let’s do this. 这时会再次下载一个js文件。
第三、
把下载的JS文件引用到HTML中。
第四、
在html中加入这段代码:
<script type=”text/javascript”>
Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });
</script>
在这里Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });的意思就是:在h5这里的文字的字体是Myriad Pro字,不过在这里的h5并不是固定的它可是其它的标签,比如a span p等等,但是在用这些标签的时候,我们必需在css样式里面给它属上一个值,这个值就是:fontfamily:’Myriad Prpo’; 也就是把他的字体给写上去,这样才会有效。
相关文章推荐
- 无需用户端安装字体,让用户直接在您的网站上浏览到艺术字体的方法和代码.
- 没有安装oracle客户端如何在本地建立表空间,并且创建用户
- 网页中如何获取客户端系统已安装的所有字体?
- 通过css的@font-face属性,在网页上显示用户电脑没有的字体。
- 网页中如何获取客户端系统已安装的所有字体?
- 网页中如何获取客户端系统已安装的所有字体?
- 网页中如何获取客户端系统已安装的所有字体?
- .net如何使用系统中没有安装的字体?
- 安装Win8.1系统桌面上只有回收站没有IE图标如何打开网页
- 网页中如何获取客户端系统已安装的所有字体?
- 打开项目时提示如下错误:Visual Studio .NET 无法创建应用程序 。问题很可能是因为本地 Web 服务器上没有安装所需的组件
- 微信公众平台开发实战Java版之如何网页授权获取用户基本信息
- 单一用户登录,即当前用户登录后要踢出前一个登录,即做出踢人效果,如何实现?
- 第八篇 :微信公众平台开发实战Java版之如何网页授权获取用户基本信息
- VS2008开发的软件如何在没有安装VS的机器上运行
- 如何实现点击字体或者滑动到该模块后 实现字体变色 效果
- 如何在没有root权限的情况下安装numpy 和scipy python module
- 如何更新Linux(How to udpate Linux)----将安装时没有安装的一些包重新安装上
- 手机浏览pc网页,字体显示比样式中设置的字体更大
- 如何打包VC程序,在一个没有安装VC的电脑上也可以运行