企业网站建设

建站知识

今日已发布信息: 192109
累计注册用户: 52876092

Cufon方法实现Web自定义字体

自定义字体

概述: 如下图所示: 代码中引入Cufon库,如下所示: <script type="text/javascript" src="js/cufon-yui.js"></script> 步骤二:创建和引入字体文件 这里说的字体文件是Cufon字体文件,这是使用 Cufon 技术的另一个关键所在。 什么是 Cufon 字体文件呢?简言之 Cufon 字体文件,就是按照 Cufon 所提出的字体描述标准,创建形成的一种字体文件。

在网页设计中,设计师会在设计中加入一些特殊效果的字体以使得页面更加美观,然而访问者的系统一般都是没有安装这些特殊字体的,所以使用font-family属性来定义这些特殊字体是行不通的,于是人们想出了很多解决方案,今天要介绍的是其中之一的Cufon方案。

定义及基本原理 什么是Cufon呢?简单的说,Cufon是一个用来替代sIFR(更早期的一种自定义字体实现方案)框架,实现在网页中对文字字体进行渲染功能的纯JavaScript开源类库。
其基本原理是借助于浏览器所推出的专有页面绘画方案,如 VML、Canvas 和 SVG 等,在网页相关位置上“画”出了所需要显示的文字字符,并同时替换原先区域所需要显示的文字。
如果读者所使用的浏览器恰好是Firefox的话,右键单击经Cufon 渲染的文字,就可以发现这些文字可以按照图片模式进行查看和存储。
简单范例 步骤一:引入Cufon核心库 作为一种基于 JavaScript 的网页字体引入方案, Cufon 的核心功能是通过一个名为“cufon-yui.js”的 JavaScript 类库,提供给开发人员的。
因此使用 Cufon 技术的第一步,当然就是在 Web 页面中引入这一类库。
首先到Cufon网站下载类库文件(最新版本是1.09i),如下图所示: 代码中引入Cufon库,如下所示: <script type="text/javascript" src="js/cufon-yui.js"></script> 步骤二:创建和引入字体文件 这里说的字体文件是Cufon字体文件,这是使用 Cufon 技术的另一个关键所在。
什么是 Cufon 字体文件呢?简言之 Cufon 字体文件,就是按照 Cufon 所提出的字体描述标准,创建形成的一种字体文件。

 

  无锡手机建网站  赚钱   今日推荐免费建站   分类信息   阳泉网站建设公司

 


而和其他字体创建标准如 TrueType、OpenType 等不同的是,按照 Cufon 标准所形成的这一文件本身,就是一个标准的 JavaScript 脚本文件,并交由 Cufon 类库进行解析和处理。
Cufon为开发人员准备了相应的在线工具,来实现这一转换过程。
而目前工具所可以转换的字体标准则包括了 TrueType、FreeType2、OpenType、PostScript Font 等多种,应该说这几乎囊括了当前主流的一些字体创建标准。
工具的使用其实并不复杂,笔者就不赘述了。
以Denne Shuffle字体为例(更多创意字体可见20款非常有趣的高质量免费字体),在使用这一工具产生了相应的 Cufon 标准的字体文件“Denne_Shuffle_400.font.js”后,就可以通过如下代码所示的形式将其引入到页面中: <script type="text/javascript" src="js/Denne_Shuffle_400.font.js"></script> 步骤三:应用Cufon渲染 在完成了上述的两项准备工作后,使用 Cufon 类库来实现对字体的渲染是非常简单的,这仅仅牵涉到了 Cufon 类库所提供的一个核心方法,即 Cufon.replace 方法,如下代码所示: <h1>Take me to your heart</h1>  <script type="text/javascript">       Cufon.replace("h1");       Cufon.set("fontSize","66px");       Cufon.set("color","red");  </script> 而与此同时,为了可以更为精确的控制在进行字体渲染时所使用的字体风格,Cufon 还提供了“配置项(Option)”这一概念,来帮助开发者直接在 Cufon 方法中指定相应字体风格值,上述代码后面两项配置了字体大小为66像素,颜色是红色,更多设置可见Cufon的官方文档。
示例的完整代码如下: <!DOCTYPE html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>Cufon</title>  <script type="text/javascript" src="js/cufon-yui.js"></script>  <script type="text/javascript" src="js/Denne_Shuffle_400.font.js"></script>  </head>  <h1>Take me to your heart</h1>  <script type="text/javascript">       Cufon.replace("h1");       Cufon.set("fontSize","66px");       Cufon.set("color","red");  </script>  <body>  </body>  </html> 需要的朋友可以下载Demo,本示例最终效果如下: 优缺点及兼容性 优点: 比siFR技术简单100倍 速度快,瞬间执行 不依赖于服务器端语言 缺点: 依赖于JavaScript 文本无法被选中 无法实现悬停变换效果 Cufon技术在主流浏览器中的兼容性情况如下表所示: 5+  1.5+  1.0+  3.0+  9.5+ 总结 总的来说,这种实现自定义字体的方案还是比较简单的,虽然有些不足,但也是一种兼容性相对比较好的方案,个人觉得将来CSS3的@font-face更有可能成为实现网页自定义字体的主要方法。

 

剖析友情链接网站的寻找及其剖析

  做了这么久的优化的,换友情链接是少不了的事,之前换友情链接有段时间公司站多,一换就是一两个 月,从中了学习到了不少的方法,所以今天想起写一篇关于换友情链接的文章分享下自己的做法。

  现在很多的站长在换友情链接中都会主要看你的几部分内容分别是:1.网站的PR;2.网站的快照;3.网 站的收录;4.网站的排名;还有些会看你在搜索指令中site首页是不是在首页第一位,再直接复制你网 站的title名称还有栏目title名称看你是不是排在第一位,这些都是我见过的。其实当中有一些是我觉 得可以忽略的,为什么呢?

  分析如下1.网站的PR是在谷歌中的一种代表权重的标志,可是有些事做其他引擎的啊,而且谷歌PR更新不是很频 繁,你网站需然是显示1PR,可是其实不然,他PR是一直在跳动的,只是没更新出来而已。

  2.网站的快照,当你做多站了你能看到一些情况,就是有些网站一直都有变动,快照一直迟迟不更新, 而有些没一直变动的,他一直更新快照,例如,前阵子百度出现一种情况,就是快照天天新,首页被K了 ,文章发上去还是秒收。还有提醒下,不要为了更新而去写文章,而是要为了优化而去写质量的文章。

  3.site首页出现首页不是在第一位,有人认为是被降权了,优化做多的人会发现,有些网站确实不是第 一位,可是他的排名很好,所以不能误导了,而你觉得想查出是不是被降权了,你可以参考站长工具最 新的功能有记录下几天内的收录的,我是通过分析收录是不是在降来判断降权的。

  4.复制你的title是不是在首页,其实不然,我就有碰到过这样的,就是他tit

浅析有效推广企业网站的技巧

  企业建立网站主要是为了在网络上销售产品形成订单,那么网站做好之后如何推广是企业主非常关心的问题,下面谈谈有效推广企业网站的一般方法。

  一、搜索引擎推广

  通过搜索引擎推广企业类网站主要是两种形式:竞价排名和SEO。

  1、竞价排名

  目前主要的竞价排名联盟是百度联盟和google联盟,做竞价排名时事先要做好市场调研,确定你企业客户群的地理位置和上网时间等信息,然后再有针对性的投放广告。

  2、SEO

  关键词:选择准确的关键词,是提高企业转化率的关键,也会使SEO达到事半功倍的效果。例如您的企业是地方性的企业,那么优化的主关键词要含有地域名称,这样会使您目标流量的地域性更加明确。

  网站外链:企业网站外链的做法和一般网站基本相同,友情链接、博客外链、论坛外链和分类信息等等。同时对于企业网站做外链时也可以考虑投入部分资金,在各大门户网站,百度百科等获得投稿的文章外链,这些外链对于提升企业网站的权重具有很重要的作用。个人感觉现在直接购买高权重站的首页单向链接,现在好像对百度的作用不大。

  网站内容:企业网站虽然不用像资讯类网站那样天天更新,但是也要有规律的进行更新,例如每周更新一次,这样可以保持网站在搜索引擎中的新鲜度,更加有利于SEO。

  二、分类信息推广

  企业网站可以利用分类信息网站进行推广,例如58同城网、赶集网和www.kvov.com等,将您的网站登录到这些分类信息网站。如果资金允许也可以考虑在这些网站上购买一些广告服务,对于网站的推广会有一定的效果。

  三、线下推广

  线下推广也是企业网站推广的不可忽略的方式。例如在出现企业标识的地方同时出现网址,如企业的名片,信封,车辆等;在媒体广告和平面广告中出现您企业网站的网址;在传单中出现您企业网址。

  四、同行业门户网站推广

  利用和您企业网站相同行业的门户网站进行推广,主要是购买这些网站的广告位置。或者在这些网站投稿,既可以获取外链,还能获取流量,一般投稿费用是几百元。

  五、问答推广

  利用百度知道、天涯问答和搜搜问问推广您的企业网站。在回答问题时不要直接填写网址,而是要把您的企业网站的名称融合到答案中,这样有利于推广您的企业品牌。

  上面是最近推广企业网站时总结一些常规方法,希望对大家推广企业网站有所帮助。

网络三大定律诠释着商业的将来

  在看书的时候,看到了一个关于互联网的定律“梅特卡夫定律”,为了了解得更为详细些,今天在网上看了一下相关的内容,同时也发现了还有几个类似的定律,整理一下,分享一下。

  梅卡夫定律:网络的价值与上网人数的平方成正比。

  从这么一个定律的表面看来,没法直接了解到底为何会得出这么一个结论出来。这么说吧,当用计算机人数为100人增加到10000人的时候,则是增加100倍,但是如果现在所以的用计算机的人数联成为一个网络,在网络上,每个人可以看到所有其他人的信息,那么100人,每个人都能看到100人的内容,所以效益是10000。所以如果人数为N,那么网络价值就是N2。

  这个定律让小笔想到一句话:人多力量大!呵呵~这大概也成就了网络广告效应的一个重要根据咯。

  摩尔定律:集成电路芯片上所集成的电路的数目,每隔18个月就翻一番。

  “集成电路上可容纳的晶体管数目,约每隔18个月例会增加一倍,性能也将提高一倍,而价格却不变。”这是直接从字面语言译过来的大意解释。或者也可以说,每一元钱可以买到的电脑性能,将每隔18个月就会多一倍。这也就是说科技在发展速度越来越快,我们用相同的钱,在不同的未来时期所买到的东西,将会比起现在的东西性能更好!而相信对于现在的速度来说,这么一个18个月翻一番数据也许会有所误差了,但是总的意思还是比较重要的!

  物以稀为贵,或许这么一个词用在这个定律这里不是很正确,但是当理解了这么一个定律的时候,小笔的确第一个想到的就是这么一个词。想到之前小时候家里盛行的“大哥大”而与今日每街跑的各种功能的手机相比。那时候的“大哥大”可是N贵的啊!正因为当时科技不发达,而且很多技术中国还未掌握,才造就了那么高的价格。而如今,发展越快,科技越是发达,价格则越是下降,期待着高科技的产品很是低价的时候,那时候也买得起了,呵呵~

  吉尔德定律:未来25年,带宽每六个月增一倍。

  这个如何理解呢,与上面的大意相差不远,也同样是说明着科技与网络链接需求在未来,将越来越多人用,而网络带宽也将会越加增快。但是这个速度上却是摩尔定律的三倍之多!呼~而这一定律也被称之为“胜利者浪费定律”,这是因由这定律的另一版本“最为成功的商业运作模式是价格最低的资源将会被尽可能地耗费,以此来保存最昂贵的资源。”这两个定律所说的内容上相差挺多,但是却同样被称之为吉尔德定律,网络上也有两种版本的内容解释。无论是怎样,从现在的情况看来,带宽的确是在日益加快,而如今最为廉价的资源也就是由带宽带出的网络资源。而类似于如今的谷歌,它利用互联网资源,制造出惊人的利益。也就可以说是,成功的商业模式,是充分利用廉价资源,最少的使用昂贵的资源,以最低成本获得最大利益!

  在理解这么一个定律的时候,想到的是:未来的成功商家将是最为会利用互联网资源的人士。这互联网发展飞腾的时代,互联网在商业中占着举足轻重的位置!未来,是智力的竞争。

有关怎样更新网站内容的一些想法

  最近接手了一个网站www.shaps.org.cn;对于网站内容的更新有了点想法,现在这里跟大家分享下。

  网站内容的更新是网站优化中非常重要的一个方面,不仅仅保证读者可以浏览到网站最新信息,还要保证搜索引擎蜘蛛随时可以尝到新鲜的食物,如果你想偷懒不更新或者直接采集的话,你就做不了一个合格的SEO。

  网站内容更新应该充分考虑到下面几点:

  1.网站内容原创,如果你做不到原创的话也要做到尽量伪原创,因为网络上面重复的内容太多了,搜索引擎和人一样不喜欢重复的东西,所以尽量保持你网站上面的文章和其他的网站内容的不同,搜索引擎才会喜欢。

  2.有规律的更新,记住搜索引擎是个贪吃的小孩,不仅仅喜欢新鲜的食物,而且还是有记忆的,如果今天你的网站没有新的内容,明天还没有,那么搜索引擎恐怕对你的印象就不太好了,记得要及时添加食物,它才喜欢来。

  3.热点新闻,可以多收集一些跟网站内容相关的热点新闻。

  在网站优化的过程中更新的频率要根据网站的实际情况而定,建议是前期尽可能多的更新,等到网站排名好了可以适当的减少更新次数。

http://www.kvov.com.cn/jzxx11140.html

最深刻的东西,总是要经最残忍的方式才能忘记。
谜题:脱贫之后人变样(打一字)     谜底:份   谜底提示:“贫”字脱去后半部分“贝”,余下“分”;“人”变了样,成“亻”。
单身人士梦见小鱼死预示您的恋情形势明朗,异性追求的攻势猛烈。
不要把我的关心当成理所当然,不管我有多爱你,最终也会有疲惫的一天。
痛过,才知道如何保护自己;哭过,才知道心痛过是什么感觉;傻过。才知道适时的坚持与放弃;爱过,才知道自己其实很脆弱。其实,生活中并不需要这么些无谓的执着,没什么就真的不能割舍。