CSS中调用网络字体

核心提示:CSS中调用网络字体资源Google Font API

      Google前些天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。

      Google Font API使用起来也非常方便,从下面的例子中可见一斑:

@font-face { font-family: 'Tangerine'; font-style: normal; font-weight: normal; src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=_jMq7r9ahcBZZjpP8hftNA') format('truetype');}

嗯,看起来与普通的web-font定义并无二样,只是url资源使用Google Font API库中的字体。

      相对于其它的网络字体服务,Font API有以下优势(与Ajax API类似):

      节省自己的流量; 快速,稳定。

      欲了解更多,可以查看这个快速指南。

——————————–分割线——————————–

中文网络字体

      使用网络字体的好处是不言而喻的,它可以让我们更方便的实现更丰富的页面效果。国外的技术人员,一直在不断的为让web-font变为现实而努力,从sIFR到typeface再到typeselect,以及cufon和fontue,不同的尝试和解决方案不断涌现,各大浏览器纷纷开始支持@web-font属性,同时类似typekit之类的收费和免费网络字体也开始不断出现。这让我们对此充满的希望。

      但是反观国内,我们却只能望洋兴叹,汉字的网络应用一直没有进展。

      其实道理很简单,中文网络字体的实现有很多难以跨越的瓶颈:

      字体太大,在当前国内的网络带宽环境下,使用中文网络字体不太现实; 版权问题,绝大部分优秀的中文字体,都不是免费的; 商业模式陈旧,没有与时俱进。

      国内的商业字体厂商的思维还是停留在平面和印刷上,他们并没有重视或者发现网络这块市场,以至于多年来,除了开源的文泉驿,我们没有见到有太多字体创新,更没有看到各大字体厂商有向网络字体方面的任何努力。

      希望

      嗯,除了希望,我没有任何办法促进中文字体的网络应用......

      博大精深的中华文化,很大一部分是体现在汉字上的,而在互联网对社会生活影响越来越深刻的今天,汉字在网络上的应用却依然那么困难和苍白。

      Google之所以令人尊敬,不仅仅是因为它在创新,更是因为它也在普及创新。

      希望国内的字体厂商和浏览器厂商,能够真正的为中文字体的网络应用做出些努力和创新,不要固步自封,固守已经过时的商业模式。

      不过,或许他们也无能为力,或许我们只有等待——等待网速普及到100MB以上、等待国外出现先进的技术、等待....——到时候,或许字体厂商会沦为坚强的维权者....

时间: 2024-09-22 10:28:47

CSS中调用网络字体的相关文章

在css中如何给字体加粗?

问题描述 在css中如何给字体加粗? 在css中如何给字体加粗? 解决方案 加粗就是font-weight,h1默认就是加粗的,设置不设置font-weight都无所谓,你设置为font-weight:normal看看就知道了,会变细 解决方案二: bolder看看 或者干脆指定一个值 解决方案三: 你这不是已经是加粗了吗? 解决方案四: 你这不是已经是加粗了吗? 解决方案五: ```[致年](http://blog.csdn.net/u014100996/article/details/500

css中默认中文字体font-family列表

css中文字体font-family列表主要是系统自带的一些.装Office会生出来的一些.Windows的一些,感兴趣的朋友可以了解下   Windows的一些: 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312 微软雅黑体:Microsoft YaHei 装Office会生出来的一些: 隶书:LiSu 幼圆:YouYuan 华文细黑:STX

CSS中常用中文字体的Unicode编码

常用中文字体的Unicode编码: 新细明体 PMingLiU \65B0\7EC6\660E\4F53 细明体 MingLiU \7EC6\660E\4F53 标楷体 DFKai-SB \6807\6977\4F53 黑体 SimHei \9ED1\4F53 宋体 SimSun \5B8B\4F53 新宋体 NSimSun \65B0\5B8B\4F53 仿宋 FangSong \4EFF\5B8B 楷体 KaiTi \6977\4F53 仿宋_GB2312 FangSong_GB2312 \

css中如何设置字体

来自百度的回答: 建议使用font-family: "Microsoft YaHei";支持UTF-8和GB2312字符集. 不生效的3种情况:1.当此属性定义的是全局样式时,对于表单类的标签就不会生效,还需要再次定义如:body {font-family: "Microsoft YaHei";}对表单input就不生效,还需要定义一个input {font-family: "Microsoft YaHei";}才可以. 2.本地计算机不存在微软

webview-在 android 中如何使用 CSS 调用 apk 字体吗?

问题描述 在 android 中如何使用 CSS 调用 apk 字体吗? 我在webview中设置了字体.因为字体文件太大,当在服务器中放入字体文件时,它会严重影响加载时间. 因此我决定把字体文件打包成apk.但是如何在css中调用呢? 解决方案 打包成apk是啥意思啊,直接放在apk里面了吧 例如assets/fonts/Clockopia.ttf 使用的时候如下方式 Typeface typeFace =Typeface.createFromAsset(getAssets(),"fonts/

中文字体在CSS中的表达方式

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑.黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体, 那我也算服了U.在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来.所以我们可以通过英文.unicode 这种形式来表达中文,比如说刚才的

中文字体在CSS中的英文表达方式

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑.黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U.在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来.所以我们可以通过英文.unicode 这种形式来表达中文,比如说刚才的 f

网站设计中的经典字体 你还在用吗?

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网页的字体是由浏览器设定的,如果没有通过浏览器设置一般是使用系统默认的字体.近几年随着网站不断普及和网站设计技术的提高,互联网上的网站呈现个性化.多样化的特性.早在几年前网站字体几乎是清一色的"宋体"在Vista系统出现后,微软雅黑是默认的字体.从事网站优化也有几个年头了,从刚开始不懂seo这个行业,到现在能轻松的建个网站

css中Font字体小图标应用

我们知道在页面上载入小图标有多种方式,比如我们使用比较多的是css sprite背景图片定位,就是将很多小图标集成到一张大图,然后使用CSS定位背景.还有一种比较现代的方式是使用font字体图标,它利用@font-face原理载入图标字体库,然后调用图标. 使用css sprite方式非常方便,可以有很多色彩缤纷的图标,而且兼容性好,但是缺点就是图标不能缩放,或者说缩放了会失真,另外维护也不方便,修改一个图标要对整张大图就行修改,并且定位像素需要借助PS等工具确定位置.而使用图标字体库越来越受开